Express 시작하기

Express.js, 또는 간단히 익스프레스(Express)는 Node.js를 위한 웹 프레임워크의 하나로, MIT 허가서로 라이선스되는 자유-오픈 소스 소프트웨어로 출시되었다. 웹 애플리케이션, API 개발을 위해 설계되었다. Node.js의 사실상의 표준 서버 프레임워크로 불리고 있다. -위키백과-

역시 위키. 간단 명료하지만 핵심적인 설명!
Express의 기본개념은 위키설명으로 대신하고 Express로 프로젝트 생성하는 방법을 찾아봤다.

이래저래 구글링을 통해 Express로 프로젝트를 구성하는 방법을 찾아보니 대표적으로 2가지로 나뉜다.

1. Express를 설치하고 한땀한땀 필요한 구성을 직접 잡아가는 방법
2. express-generator를 사용해 프로젝트 생성하는 방법

express-generator를 사용하면 express-generator에서 제공하는 기본 구성으로 쉽게 프로젝트를 생성 할 수 있다.
2가지 방법 모두 간략하게 진행 해보자.

한땀한땀 필요한 구성을 직접 잡아가는 방법

---

package.json 설치

npm init

1. 터미널에서 명령어를 입력하면 package.json이 설치 된다.
2. package.json을 말할 것 같으면 아주아주 중요한 파일이다.

express 설치

npm install express --save

1. 다음 명령어로 express를 설치하는 명령언데, 설치 완료 후 node_modules, package-lock.json이 생성된다.
2. express가 정상적으로 설치 완료 되면, package.json에 dependencies에 express가 추가 된걸 볼 수 있다.

"안녕 세상아!" 출력 하기

//app.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}`)
})

현재 폴더구조

1. app.js파일 생성 후 코드를 입력한다.
2. 터미널에서 node app.js 명령어를 입력하면 실행된다.
3. localhost:3000에 접속하면 Hello World!가 브라우저에 출력 된다.

기본구성은 만들었고 routes, public 또는 views 등 필요한 구성은 직접 만들어 개발하면 된다.
만약, 직접 만들기 귀찮다면 express-generator를 사용해 한방에 팍! 기본적으로 필요한 구성을 만들 수 있다.

express-generator를 사용해 프로젝트 만들기

---

express-generator은 프로젝트에 필수적으로 사용되는 routes, public, views, bin 등 기본적인 틀을 잡아준다.
대부분 express-generator을 사용해 프로젝트를 생성하지 않을까싶다.

express-generator 설치

npm install express-generator -g

1. 명령어를 입력하여 express-generator이 전역으로 설치 하자.

express-generator로 프로젝트 생성

//명령어 문법
express [옵션] [프로젝트명]

//명령어 예제
express --view=pug studyNode

1. express-generator로 프로젝트 생성하는 명령어 다.
2. 여기서 헷갈리지 말아야 하는게 npm install express-generator -g는 generator를 설치하는 명령어고 express [옵션] [프로젝트명]가 실제 프로젝트를 생성하는 명령어 다. (난 이상하게 여기서 이해를 쉽게 하지 못했다.....)
3. 프로젝트 생성이 완료되면, studyNdoe이름으로 폴더가 생기고 폴더 내부에 express-generator에서 기본적으로 제공하는 구성으로 프로젝트가 만들어진다.

node모듈 설치

npm install

1. npm install명령어로 node모듈까지 설치 해야 프로젝트 생성이 완료 된다.
2. npm install은 express로 생성한 프로젝트 내부에 들어가서 설치 해야한다.(명령어 cd [생성한 프로젝트])

프로젝트 생성 후 구조

프로젝트 실행

//프로젝트 실행 명령어
npm start

1. express-generator에서 기본적으로 node실행 명령어를 package.json에 있는 scripts에 설정 되어있고 npm start로 프로젝트를 실행 하면 된다.

Reference

---

• Express공식문서

지금까지 주니어 개발자의 성장 기록지 입니다.
틀린 내용이 있거나 더 좋은 정보가 있으면 댓글 남겨주세요!🤗😊