데브코스/강의 정리

4주차 express 구조

케케_ 2024. 9. 3. 23:32

구조를 알아 보기 전 express-generator을 설치해야한다.

설치는 아래 링크에!

 

https://kekehome.tistory.com/28

 

4주차 map과 express, 함수의 형태

string만 담던 mapvalue 로 객체 담기! --> 그냥 객체 만들어서 set()을 통해 객체 담으면 됨! let db = new Map(); //데이터베이스 대신 map 사용let notebook = { productName: "Notebook", price: 2000000,};let cup = { productName:

kekehome.tistory.com

 

express-generator은 많은 기능을 가진 express환경을 간단하게 기본폴더 구조까지 잡아주는 패키지이다.

 설치 후 아래와 같이 기본 파일과  기본 폴더가 생성된다.

 

app.js

: express의 본체 역할을 하며 핵심 서버 스크립트 역할을 수행하고 여러 미들웨어를 관리한다

  • 미들웨어 : 요청과 그에 대한 응답 사이(미들)에 목적에 맞게 처리를 하는, 거쳐가는 함수들(프로그램들) / express.js에 요청이 들어오고 응답을 보내주기 전, 미들웨어에서 그에 맞는 어떠힌 동작 수행
module.exports = app;

app 파일의 마지막 코드 --> app.js를 모듈로 사용 가능함을 알 수 있음 (bin/www에서 사용)

 

bin/www

: 서버를 실행할 수 있는 스크립트 파일 / http 모듈을 가져와 프로젝트 실행 포트를 지정을 이 파일에서 함

 

routes (index.js, users.js)

: 서버의 라우터와 관련 로직 파일을 모아둠 / 주소별 라우터가 들어있음 --> 마지막 end point (최종 목적지)가 되는 파일들이 있음

  - index.js 파일로 라우팅 관리

  - 나중에 models를 생성해 데이터베이스에 사용

 

poblic 

: 브라우저들의 클라이언트들이 접근 가능한 폴더 / 이미지, 자바스크립트, css 파일을 넣을 수 있음 / 외부(브라우저)에서 접근 가능한 파일 모음

 

views

: 템플릿(html) 파일 모음