웹서버 빨리 만들기 - Express js

❓목적

• 웹서버가 어떻고 어떤 걸 공부하고 이것저것 주저리 하다 지치기 전에, 직접 웹서버를 만들어 보고 느껴보는게 중요하다.
• 빠르고 쉽고 간단하게 node js의 모듈인 Express.js를 이용해서 웹서버를 만들어보자.

---

☝🏼먼저

node js에 대한 기초와 설치가 되어있어야 한다.

준비가 안되어 있다면 아래 글들을 먼저 읽고 오는 것을 추천한다.

[Node js]서버 만들기0-1분만에 Http 서버 만들기

윈도우 node js 명령어로 설치

---

📝바로 코드 작성

폴더 하나를 만들고 index.js 이름의 파일 하나 만들자. (<아무 이름>. js)

그리고 바로 코드를 복사해서 넣어주자.

const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => {
  res.send('Hello World!')
})

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`)
})

코드는 공식 홈페이지에 있는 기본 예제 코드이다.

---

💾Express.js 모듈 설치

npm i express 명령어로 모듈을 설치해주자.

그러면 node_modules 폴더와 package* 어쩌고 파일들이 생성된다.

---

👨🏼‍💻바로 실행

아까 작성한 코드를 실행하자. node index.js

그러면 console.log로 로그를 찍게 한 "Example app listening at http://localhost:3000"이 출력되는 것을 볼 수 있다.

---

🏃🏼‍♀️바로 확인

이제 우리가 만든 웹서버를 확인해보자. 웹브라우저를 하나 실행시키고 http://localhost:3000으로 접속하자.

그러면 기본 예제인 Hello World! 띄우기가 끝났다.

웹 서버 및 Express.js에 대해 이론적으로 이해하기 전에 먼저 느껴보고 이해하는 것이 좋다고 생각한다.

먼저 이렇게  느껴보고 다음에 차근차근 필요한 이론들에 대해서 공부해보자.