관리 메뉴

웹개발 블로그

[Node.js] 설치&설정 본문

◆React.js & Next.js & Node.js/Node.js(실행환경)

[Node.js] 설치&설정

쿠키린 2024. 12. 31. 16:15

https://hyeonddobbi.tistory.com/442

 

[Node.js]왜 Node.js를 배울까?

✅갑자기 왜 Node.js를 배울까? ㄴ react 기술은 nodejs기반으로 동작 ㄴ 그외 nextjs, vuejs도 그럼 ✅node.js는 웹 브라우저가 아닌 환경에서도 우리 자바스크립트 코드를 실행시켜주는 자

hyeonddobbi.tistory.com


 

프로젝트

ㄴ 특정 목적을 갖는 프로그램 단위

(ex :  쇼핑몰 프로젝트)


✅Node.js에서 프로젝트란?

ㄴ 패키지라 부른다.
node.js에서 사용하는 프로그램의 단위
node.js로 무언가를 만들때 이 패키지라는 것을 이해하고 사용할줄 알아야함.

ㄴ 모든 자바스크립트, 리액트로 만든 모든 것들, 사용하게된 라이브러리들도 패키지 단위로 만들어져 있다.



✅Node.js 설정(vsCode 에디터에서 실습)


1. 폴더 생성(아무 이름이나 됨)

명령어 : mkdir 폴더명

2. 1. 폴더로 이동 후 ctrl + j 클릭 시 터미널보임
명령어 : cd 경로


3. 셋팅 명령어 입력
(실습용이기 때문에 enter만 눌러주면 됨)

명령어 : npm init


3-1. package.json 생성됨


4. index.js 생성

console.log("node를 통해 실행하기")



5. 터미널에서 node index.js 입력하면 출력되는 걸 확인할 수 있다.

 




✅node.js 이용법


node 뒤에  실행시키고 싶은 파일의 경로와 이름을 입력
(자바스크립트 코드를 아주 간단하게 실행 가능)
명령어 : node 경로/index.js

 

💥하지만 일일히 위에 명령어로 실행하면 귀찮겠죠?

 

✅package.json에서 start를 추가하여 편하게 실행되도록 변경가능


 "scripts": {
    ...
    "start": "node src/index.js"
  },

명령어 : npm run start