1️⃣ 서론
최근 프로젝트를 진행하면서 Node.js의 Express 프레임워크를 이용하여 서버를 구축하는 작업을 종종 하고 있습니다.
한번 정리할 필요성이 있을꺼 같아서 포스팅을 해보려고 합니다. 그럼 시작해보겠습니다!
2️⃣ Express란?
먼저 Express에 대하여 조사한 내용을 적어보려고 합니다. Express는 Node.js의 가장 대표적인 서버 프레임워크입니다.
파이썬엔 Django, php엔 Laravel, Java엔 Spring이 있다면 Node.js엔 바로 Express가 있습니다.
그만큼 Express는 Node.js를 사용하는 개발자들이 가장 자주 이용하는 서버 프레임워크라고 볼 수 있습니다.
그외에도 koa, hapi, nest-js 등이 있다고 합니다. 용도에 맞게 쓰면 express 보다 더 좋은 경우가 있다고 하지만
여기서는 express 프레임워크만 다뤄보려고 합니다.
3️⃣ Express 설치하기
사실 가장 좋은 방법은 Express 공식블로그를 참조하는 것입니다.
여기서는 설치방법을 간단하게 순서별로 나열하려고 합니다. 현재 설치방법은 블로그 어디에서나 찾을 수 있기 때문입니다.
-
먼저 node.js를 설치합니다. node js 설치 링크 LTS 버전을 받으시면 됩니다.
-
설치 후 npm-v 혹은 node-v를 쳐서 각각의 버전이 뜬다면 설치가 성공한 것입니다.
-
express 설치 가이드 그후 이 링크를 따라하시면 성공적으로 express를 설치하실 수 있습니다.
만약 설치가 잘 안되거나 궁금한 점이 있으시다면 댓글 남겨주세요!
4️⃣ 가장 기본적인 서버 셋팅하기
그럼 가장 간단한 코드로 서버를 생성하겠습니다. 저는 프론트엔드 개발을 같이 하는 편이라 require대신 import가 익숙해서 import를 쓰도록 하겠습니다.
그렇게 하기 위해서는 package.json 파일에 "type": "module", 다음과 같은 코드를 넣어주시면 사용하실 수 있습니다.
그 후 app.js 파일을 만들고 다음과 같이 입력해 봅시다.
1
2
3
4
5
6
7
8
9
10
11
12
import express from "express";
const app = express();
const port = 3000;
app.get("/", (req, res) => {
res.send("Hello World!");
});
app.listen(port, () => {
console.log(`현재 앱이 http://localhost:${port}에서 구동중입니다.`);
});
그 후 터미널을 열고 해당 폴더경로로 이동 후 node app.js를 입력하여 서버를 실행해줍니다.
그럼, 현재 앱이 http://localhost:3000에서 구동중입니다.라는 메시지를 터미널에서 확인할 수 있고
localhost:3000을 주소창에 입력하면 Hello World!가 찍혀있는 것을 볼 수 있습니다.
다음 시간에는 express의 기본 코드 구조에 대해 알아보려고 합니다.
읽어주셔서 감사합니다.
5️⃣ 마치며..
질문과 지적은 환영합니다. 이 문제는 최적의 정답일 수도 아닐수도 있습니다.
궁금한게 있으시면 아래 댓글 남겨주세요.🙏
댓글은 저에게 큰 힘이 됩니다!
감사합니다. ❤️
