[TIL] Week 8 Express-generator 구조 & 도서 상점 API 기본 세팅

🔧 Express-generator 구조 

bin/www

: 포트 번호 등과 같은 웹 서버를 구축하는데에 필요한 설정 데이터가 정의되어 있는 파일

⇒ .env 파일과 같이 설정 값을 가지고 에러 처리, 기타 추가 설정을 해주는 파일

 

node_modules

: Node.js, Express에 필요한 모듈이 설치되는 폴더

 

public

: images, javascripts, stylesheets → 정적 (ex. 로고, 회사 소개 페이지 … ) 파일

cf. 동적: 사람마다 다른 데이터를 뿌려주는 파일

☀️ 프론트 영역

 

routes

: 각 경로를 담당하는 모듈들이 들어있는 폴더

= 라우팅 로직을 구현하는 모듈들

: 클라이언트에서 어떤 요청을 주냐에 따라서 어떤 로직을 수행할 지 파일별로 분할 해서 관리하는 정도

cf. 자바의 controller 역할

 

views

: 클라이언트에게 html 코드로 “화면을 보내는 파일”

☀️ 프론트 영역

 

app.js

: Express 서버의 시작점 → URL에 따라서 라우팅을 해줌

 

package.json

: 이 프로젝트에 설치된 모듈, 버전 등등 정보들이 작성되어 있는 파일

 

 

🌙 도서 상점 API 구현

1. 새 프로젝트 생성

 

2. 필요한 라이브러리 설치

 

3. app.js 

// express 모듈
const express = require('express');
const app = express();

// dotenv 모듈
const dotenv = require('dotenv');
dotenv.config();

app.listen(process.env.PORT);

 

4. 각 API 기본 모듈화

const express = require('express');
const router = express.Router();

router.use(express.json());

// api 코드들 ... 

module.exports = router;

 

5. app.js에서 라우팅 작업

const userRouter = require('./routes/users');
const bookRouter = require('./routes/books');
const likeRouter = require('./routes/likes');
const cartRouter = require('./routes/carts');
const orderRouter = require('./routes/orders');

app.use("/users", userRouter);
app.use("/books", bookRouter);
app.use("/likes", likeRouter);
app.use("/carts", cartRouter);
app.use("/orders", orderRouter);

 

 

6. DB Diagram

 

7. MySQL Workbench 세팅

• 스키마 생성

• 테이블 생성