Nomad-Wetube-1, 2) 환경세팅하기

이은지·2023년 2월 7일
0

풀스택 유튜브 클론코딩 강의 #1.0 ~ 2.4 (230207)

1. NodeJS

NodeJS : 크롬 V8 자바스크립트 엔진으로 빌드 된 자바스크립트 런타임, 브라우저 밖에서 쓸 수 있는 자바스크립트

[설치하기]

  • https://nodejs.org/en/
  • Recommended For Most Users 다운로드
  • 기존에 사용하는 버전이 Recommended For Most Users보다 높으면 괜찮음
$ node -v  //사용하는 버전 알고싶을 때 (v19.5.0)

2. NPM

NPM : 자바스크립트 언어를 위한 패키지 매니저, nodeJS와 상호작용을 할 수 있게 도와줌

3. 프로젝트 만들기

  1. wetube 폴더 만들기
  2. vscode로 들어가서 폴더 열기
  3. git 연결하기
    • git init
    • git remote add origin "repository 경로"
  4. npm init (package.json 생성됨)
    • json : 파일에 정보를 저장하기 위해 만든 방식

4. package.json

package.json : 개발자가 배포한 패키지에 대해, 다른 사람들이 관리하고 설치하기 쉽게 하기 위한 문서

"scripts": {
	"dev": "node index.js"
}
//실행 : npm run dev

5. Express

Express : 웹 및 모바일 애플리케이션을 위한 일련의 강력한 기능을 제공하는 간결하고 유연한 Node.js 웹 애플리케이션 프레임워크

[설치하기]

$ npm i express
  • node_modules : npm으로 설치한 모든 패키지가 저장됨
  • 서로 의존하고 있는 패키지들이 있어 다같이 설치됨
$ npm i
  • npm이 package.json의 dependencies를 찾아 그안의 모듈을 알아서 설치해줌
  • dependencies : 프로젝트에 필요한 패키지를 나타냄

6. Babel

Babel : 우리가 작성한 최신 자바스크립트를 nodeJS가 이해할 수 있는 자바스크립트로 컴파일 해줌

[설치하기]

npm i @babel/core --save-dev 
npm i @babel/preset-env --save-dev
npm i @babel/node --save-dev
  • devDependencies : 개발자에게 필요한 dependencies

7. Nodemon

nodemon : 우리가 만든 파일이 수정되는걸 감시해주는 패키지
파일이 수정되면 nodemon이 알아서 재시작 해줌

[설치하기]

package.json -> scripts 수정

"scripts": {
    "dev": "nodemon --exec babel-node index.js"
  }

git commit
https://github.com/dmswl2030/Newtube-repeat/commit/fdb071b4a7b08530531a2c8f8ed4a6f13d294abc

0개의 댓글