Express on the npm.(Download & Git upload)

#️⃣iTerm or Terminal >> On

mkdir wetube >> wetube디렉토리로 이동한다.

cd wetube >> 

ls >> Lists the contents of the directory. 디렉토리의 컨텐츠 나열

clear >> 클리어

code . >> VSC로 이동

-------------------------------------------------------------------------------------------------

#️⃣NPM

*npm : Node Package Manager

express를 홈페이지로 다운받아서 사용할 수 있지만, 그러면 업데이트 될 때마다 다시 다운로드 받아야하고 이메일 체킹을 해야하는 번거로움이 있음.

Javascript 세상의 모든것이 npm에 있고 업데이트, 다운로드, 관리 등을 할 수 있음.

*How do we download them?

:Node.js 설치하면 npm 자동 설치됨

*How can we know the version of them?

: npm -v 

#️⃣NPM으로 프로젝트 시작하기

1 : npm init

2: 그러면 이것 저것 물어본다. (package name: 프로젝트 이름, description, author 등)

3: 입력을 다 하고나면 pakage.json생성됨. >> "scripts" 부분 삭제, 다른 부분 수정가능

*json: JavaScript Object Notation (Javascript에서 정보를 담는 방식)

#️⃣Express로 서버 만들기

1: npm install express

*package.json이 있는 폴더에서 실행한다.

2: node_modules폴더가 생성된다.(NPM을 통해 다운로드 받은 것)

#️⃣node_module ignore하기

이유: 용량이 크고 이걸 전부 github에 올릴 필요가 없다.

방법

1:  .gitignore 파일 생성 >> https://github.com/github/gitignore/blob/master/Node.gitignore

>>복붙 >> package-lock.json 추가하기(security와 관련있는 파일임)

2: README.md 파일 생성 >>

#프로젝트 이름

설명

등의 노트를 한다.

#️⃣git upload 하기

git remote add origin https://github.com/git아이디/프로젝트이름

git add .

git commit -m "Initial Commit"

git push origin master

프로젝트 생성 완료

#️⃣Server 띄우는 코드 작성(index.js에 작성)

(https://www.npmjs.com/package/express)

 const express = require('express')

const app = express()

 

app.get('/', function (req, res) {

  res.send('Hello World')

})

 

app.listen(3000)