📝 오늘 한 것

1. Node.js 설치 / package.json 파일 생성 (npm init) / scripts (npm run)

📖 학습 자료

1. 노마드 코더 '[풀스택] 유튜브 클론코딩'

📚 배운 것

1. Node.js

1) Node.js

Node.js란 크롬 V8 엔진이 탑재된 자바스크립트 런타임을 말한다.
쉽게 말하면, 브라우저 바깥에서 쓸 수 있는 자바스크립트이다.

원래 자바스크립트는 브라우저에서만 쓸 수 있었다.
그러나, Node.js가 등장하면서 다른 프로그래밍 언어처럼 브라우저 바깥에서도 쓸 수 있게 되었다.

2) npm

npm이란 자바스크립트 언어를 위한 패키지 매니저를 말한다.
이를 통해 다른 사람들이 만든 패키지를 다운받을 수 있다.
대표적인 패키지로는 express가 있다.

3) Node.js 실습

(1) 직접 package.json 파일 생성

package.json 파일을 만든 후(파일명 변경x) JSON Object를 이용해 프로젝트 이름을 적어주었다.

{
  "name": "wetube"
}

package.json 파일과 js 파일 2개만으로도 프로젝트를 만들 수 있다.
그러나, 파일을 여러 개 사용하고 정보도 많이 사용해야 한다면 실수를 방지하기 위해 npm을 이용해 package.json 파일을 만들도록 한다.

(2) npm 이용해 package.json 파일 생성

• VS code에서 프로젝트 폴더를 연 후 내장 터미널에서 git init을 입력한다

• github에서 new repository를 만든다

• repository 주소 복사 후 터미널에서 git remote add origin [복사한 repository 주소]을 입력한다

• 터미널에서 npm init을 입력한다.

• Enter를 계속 누르면서 정보를 확인 및 입력한다. license: (ISC)에 MIT를 입력한다.

• package.json 파일이 만들어지면 터미널에서 입력하지 않은 정보들을 직접 입력 및 수정할 수도 있다.

• "main": "index.js"

  프로그램 대표 파일이 index.js라는 뜻이다. 누군가가 만들어서 배포한 package를 다른 사람이 설치하면 main을 사용하게 된다.

  지금 만든 파일은 아무도 다운받지 않을 것이므로 해당 코드는 지워줘도 아무런 문제가 없다. main, description, author 등은 필수 요소가 아니다. 다만, index.js 파일은 만들어주도록 한다.

{
  "name": "wetube",
  "version": "1.0.0",
  "description": "The best way to watch a videos",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/LeeSyong/wetube-reloaded.git"
  },
  "author": "Syong",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/LeeSyong/wetube-reloaded/issues"
  },
  "homepage": "https://github.com/LeeSyong/wetube-reloaded#readme"
}

이제 index.js 파일에 console.log('Hello NodeJS'); 라고 코드를 작성했을 때, 이를 어떻게 실행시킬 수 있는지 알아보자.

(3) 코드 실행하는 방법 (scripts와 npm)

🔎 방법 1. VS code 내장 터미널에 node index.js를 직접 입력한다.

🔎 방법 2. package.json에 scripts를 만든다. scripts 안에 임의로 지은 script 이름과 함께 실행하고자 하는 코드를 적어준다.

"scripts": {
  "start": "node index.js"
}

그 후, VS code 내장 터미널에 npm run start(script 이름)를 입력한다.
node index.js라는 명령어를 npm에게 실행시켜 달라고 하는 것이다.

이를 통해 서버를 시작하는 script, CSS를 압축하는 script, 웹사이트를 빌드하고 서버에 배포하는 script 등 직접 만든 scripts를 콘솔에서 사용할 수 있다.

✨ 내일 할 것

1. 강의 계속 듣기