Node.js Express 기본 세팅

갑자기 백엔드 공부하기

기본 세팅

터미널에서 작업 폴더 접속

1. mkdir 폴더명

2. cd 생성한 폴더

3. npm init

   ⇒ 폴더 안에 package.json이 생성된다.

VSCode 이용해 위에서 생성한 폴더 열기

1. 터미널에 npm install express —save

   —save : 이걸 붙이면 package.json에 이 프로젝트가 express라는 라이브러리를 사용하고 있다는 게 저장된다. 타인이 봐도 이를 알 수 있게.

   ⇒ node_modules 폴더 생성, package-lock.json 생성

2. index.js 생성

   이 파일은 백엔드 서버의 시작점이 된다. 여기에 다음과 같은 코드 작성.

   const express = require("express"); // express 모듈을 가져와서
   const app = express(); // 새로운 express앱을 생성
   const port = 8080;
   
   app.get("/", (req, res) => res.send("Hi Claire Welcome to Node.js")); // 여기에 나중에 HTML을 넣어주게 된다.
   
   app.listen(port, () => console.log(`Example app listening on port ${port}!`));
   // 이 앱이 8080포트를 리스닝 하고 있으면 콘솔창에 메시지 출력

3. package.json 수정

   "scripts": {
       "test": "echo \"Error: no test specified\" && exit 1"
     },
   
   // 이 부분을 아래처럼 수정한다
   
   "scripts": {
       "start": "node index.js",
       "test": "echo \"Error: no test specified\" && exit 1"
     },

   이렇게 하고나서 터미널창에 npm run start 를 하면 node index.js 가 실행되는 것임!! “scripts”의 “start”에 적어놓은 대로

   (npm run start의 start가 저 start였다니)

여기까지 하면 [localhost:8080](http://localhost:8080) 접속 시 다음과 같은 화면이 뜬답니다