1-8 Express.js로 백엔드 서버 구현

1. VSCode의 터미널 환경에서 package.json 파일 만들기

 

로 

package.json 파일 만들기

 

-y : package.json 내부 로직을 기본 세팅으로 생성하기

 

생성 후 : 

 

디렉토리 내부 구성

package.json 파일이 생긴걸 볼 수 있다.

package.json 내부 구성

 

2.  package.json 내부에 "type" : "module"  추가 및 (선택 : main(서버와 연결될 파일) 값 변경하기)

package.json 내부 구성

 

3. yarn add express (웹 워크프레임) 추가하기

 

yarn add express

 

를 입력해

 

 

node_modules(yarn_lock과 관련된 모든 정보를 저장하는 디렉토리)와

yarn.lock(yarn이 관리하는 세부적인 의존성들에 대한 모든 관계 정의)이

디렉토리에 생성되게 해줍니다.

 

그리고 package.json

에 dependencies가 추가된다.

 

4. package.json의 main에 해당하는 요소 값 파일에

서버와 관련된 소스 코드를 넣습니다

 

제공 받은 소스 코드

// app.js

import express from "express";

const app = express();

const PORT = 3000;

app.get("/", (req, res) => {

  res.send("Hello World!");

});

app.listen(PORT, () => {

  console.log(PORT, "포트로 서버가 열렸어요!");

});

 

5. 터미널에서 node "package.json의 main 요소 값".js

로 파일 실행하기

 

 

실행 결과 : 

 

 

서버가 열리게 됩니다!