[WebDev][Node.js] Node.js환경 설정 및 Express.js를 활용한 서버 만들기

 

1. VSCode에서 Node.js 환경 설정

---

1.1. Node.js 설치

1. Node.js 공식 웹사이트에서 LTS 버전을 다운로드하여 설치함
2. 설치 후 터미널에서 다음 명령어를 입력하여 정상적으로 설치되었는지 확인함:

node -v  # Node.js 버전 확인
npm -v   # npm 버전 확인

 

    * linux의 경우 다음 명령어를 통해 쉽게 설치가 가능함

sudo apt-get install nodejs npm -y

1.2. Visual Studio Code 설정

1. VSCode를 설치함
2. Babel Javascript, Auto Close Tag, Auto Rename Tag, Better Comments, Code Runner 등의 확장(extensions) 설치를 통해 더욱 편한 개발 환경 준비(검색을 통해 자기 취향에 맞는 확장 설치)

---

728x90

반응형

2. Express.js를 활용한 서버 만들기

---

2.1. 프로젝트 초기화

• 새로운 프로젝트 폴더를 생성하고 VSCode에서 해당 폴더를 엶:

mkdir my-express-app
cd my-express-app

• npm을 사용하여 프로젝트를 초기화함:

npm init -y

   * package.json 파일이 생성됨

2.2. Express.js 설치 및 기본 서버 구현

• Express.js를 설치함:

npm install express

• server.js 파일을 생성하고 다음과 같이 기본 서버를 설정함:

const express = require('express');
const app = express();
const PORT = 3000;

app.get('/', (req, res) => {
    res.send('Hello, Node.js with Express!');
});

app.listen(PORT, () => {
    console.log(`Server is running on http://localhost:${PORT}`);
});

• 서버 실행:

node server.js

    브라우저에서 http://localhost:3000을 열어 "Hello, Node.js with Express!" 메시지를 확인할 수 있음

server.js 실행 후 localhost 접속 화면

---

3. Nodemon을 활용한 자동 서버 재시작

---

• Nodemon을 개발 의존성으로 설치함:

npm install --save-dev nodemon

• package.json에서 scripts 항목을 수정하여 실행 명령어 추가:

"scripts": {
    "start": "node server.js",
    "dev": "nodemon server.js"
}

• 개발 모드에서 서버 실행:

npm run dev

   코드 변경 시 자동으로 서버가 재시작됨