[JavaScript, Node.js] 유튜브 클론 정리 2장 (1) - 프로젝트 생성, npm 사용

머리글

2장은 프로젝트를 생성하고, Express와 Babel, Nodemon을 배우게 된다.
바로 시작하겠다.

프로젝트 생성

우선 프로젝트를 담을 폴더를 하나 생성하고 VS Code로 열어주자

경로

이런 경로에다가 생성을 해보았다.

그다음 package.json 파일을 생성한다.
이게 뭔지 몰라도 일단 생성을 해보도록 하자.

package.json 파일

json이라는 형식은 파일에 정보를 저장하기 위해 만든 방식 중 하나다.
이를 nods.js에선 package.json이라는 파일로 만들어서 사용하게 된다.
이는 변경이 불가능하며 Package.json과 같이 한 글자만 바뀌더라도 사용이 불가능하다!

이렇게 파일을 생성했다면 nods.js 프로젝트를 만드는데 성공했다!
근데 파일에 아무것도 없고 뭐를 해야할지도 모르겠고,
이렇게 만들다가 스펠링이라도 틀리면 안되니까 다른 방식으로 파일을 만들어보자.

우선 package.json파일을 제거해준다.
그리고 터미널을 열어서

git init

위와 같은 명령어를 입력해 준다.

우선 버전 관리를 위해 git에 레퍼지토리를 생성하는 작업이다.
그리고 깃허브에 들어가서 레퍼지토리를 생성해 주고 다음 명령어를 입력해 주자.

git remote add origin [생성한 레퍼지토리 URL]

이러면 레퍼지토리와 연결되어 버전을 관리할 수 있게 되었다.

이제 본격적으로 시작해 보자.

npm init

그럼 다음과 같은 화면이 뜬다.

그냥 쭉쭉 넘어가도 된다.

라이선스 부분에 MIT만 넣어주자.
오픈소스 라이선스라고 한다.
npm에 올라오는 프로젝트의 90% 이상이 MIT 라이선스를 사용하고 있다고 한다.

이러한 과정을 거치면

이런 식으로 파일이 생긴다.
최종 파일을 찍은 거라 중간에 몇 개 더 있는 건 넘어가도 된다.

그리고 index.js 파일을 하나 생성해 준다.
그리고 간단하게 콘솔을 찍어보자.

index.js

console.log("Hi")

우선 간단하게 터미널에 node index.js를 입력해 주면 된다.

이 방식은 node 명령어를 사용하는데 강의에선 이 이후로 사용한 기억이 없다.

그럼 어떤 걸 써야 하죠?

다시 package.json 파일로 가서 script를 만들어 준다.
이는 무언가 실행할 것을 적어놓는 명령어의 개념이라고 생각하면 된다.

이런 식으로 만들어주고 터미널에 명령어를 입력해 보자.

npm run win

그럼 파일이 실행된다.
나중에는 더 많은 script를 사용하게 된다.

build나 server등 다양한 명령어를 만들어서 사용한다.

주의점: 이 명령어는 package.json이 있는 폴더에서만 작동한다.

이제 express를 설치해 보자

터미널에 다음 명령어를 입력해 보자.

npm i express
or
npm install express

위의 명령어와 아래의 명령어는 같은 동작을 수행하는데, 그냥 install을 i로 줄여서 쓴 것뿐이다.

명령어를 실행하면 폴더 하나와 파일 하나가 생성된다.

이렇게 2가지가 생성된다.

node_modules에는 npm으로 설치한 모듈이 저장된다.

마무리

이번 포스트에선 node 프로젝트의 생성 방법과 깃허브 레퍼지토리에 연결하는 법, npm 명령어를 사용하는 법, express를 설치하는 것까지 진행해 보았다.

다음 포스트에선 dependencies와 devDependencies에 대해서 알아보도록 하자.