2차 세미나 도전 과제

Author: junjuning

.gitignore

@@ -126,7 +126,4 @@ dist
 # Serverless Webpack directories
 .webpack/
 
-# End of https://www.toptal.com/developers/gitignore/api/node
-
-# deploy test!
-.env
+# End of https://www.toptal.com/developers/gitignore/api/node

seminar2-advanced/nodemon.json

@@ -0,0 +1,6 @@
+{
+  "watch": ["src", ".env"],
+  "ext": "js,ts,json",
+  "ignore": ["src/**/*.spec.ts"],
+  "exec": "ts-node  --transpile-only ./src/index.ts"
+}

seminar2-advanced/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "seminar2-advanced",
+  "version": "1.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "scripts": {
+    "dev": "nodemon",
+    "build": "tsc && node dist"
+  },
+  "dependencies": {
+    "express": "^4.18.1"
+  },
+  "devDependencies": {
+    "@types/express": "^4.17.14",
+    "@types/node": "^18.8.3",
+    "nodemon": "^2.0.20"
+  }
+}

seminar2-advanced/src/api/blog.ts

@@ -0,0 +1,18 @@
+import express, { Request, Response, Router } from 'express';
+
+const router: Router = express.Router();
+
+router.get('/', (req: Request, res: Response) => {
+  const blog = {
+    title: '쥰쥬닝의 10월 8일 일기',
+    desc: '나는 오늘 서버 2차세미나를 들었다. 어제 술을 많이 마셔서 힘들다. 빨리 집가고 싶다.',
+    createdAt: '2022.10.08',
+  };
+  return res.status(200).json({
+    status: 200,
+    message: '블로그 조회 성공',
+    data: blog,
+  });
+});
+
+module.exports = router;

seminar2-advanced/src/api/comment.ts

@@ -0,0 +1,18 @@
+import express, { Request, Response, Router } from 'express';
+
+const router: Router = express.Router();
+
+router.get('/', (req: Request, res: Response) => {
+  const comment = {
+    blogId: 1,
+    comment: '엄청난 하루를 보내고 있군요!',
+    createdAt: '2022.10.08',
+  };
+  return res.status(200).json({
+    status: 200,
+    message: '댓글 조회 성공',
+    data: comment,
+  });
+});
+
+module.exports = router;

seminar2-advanced/src/api/index.ts

@@ -0,0 +1,14 @@
+import express, { Router } from 'express';
+const blog = require('./blog');
+const user = require('./user');
+const comment = require('./comment');
+const movie = require('./movie');
+const members = require('./members');
+const router: Router = express.Router(); // express 라우팅 시스템을 받아올거!
+
+router.use('/user', user);
+router.use('/blog', blog);
+router.use('/comment', comment);
+router.use('/movie', movie);
+router.use('/members', members);
+module.exports = router; // 모듈로 반환

seminar2-advanced/src/api/members.ts

@@ -0,0 +1,41 @@
+import express, { Request, Response, Router } from 'express';
+import { Member } from '../interfaces/member';
+
+const router: Router = express.Router();
+
+router.get('/', (req: Request, res: Response) => {
+  const members: Member[] = [
+    {
+      name: '권세훈',
+      group: 'ob',
+      age: 24,
+    },
+    {
+      name: '남지윤',
+      group: 'ob',
+      age: 23,
+    },
+    {
+      name: '김혜수',
+      group: 'ob',
+      age: 25,
+    },
+    {
+      name: '이종현',
+      group: 'ob',
+      age: 26,
+    },
+    {
+      name: '박수린',
+      group: 'yb',
+      age: 21,
+    },
+  ];
+  return res.status(200).json({
+    status: 200,
+    message: '멤버 조회 성공',
+    data: members,
+  });
+});
+
+module.exports = router;

seminar2-advanced/src/api/movie.ts

@@ -0,0 +1,18 @@
+import express, { Request, Response, Router } from 'express';
+
+const router: Router = express.Router();
+
+router.get('/', (req: Request, res: Response) => {
+  const movie = {
+    title: '기생충',
+    desc: '전원백수로 살 길 막막하지만 사이는 좋은 기택(송강호) 가족. 장남 기우(최우식)에게 명문대생 친구가 연결시켜 준 고액 과외 자리는 모처럼 싹튼 고정수입의 희망이다. 온 가족의 도움과 기대 속에 박사장(이선균) 집으로 향하는 기우. 글로벌 IT기업 CEO인 박사장의 저택에 도착하자 젊고 아름다운 사모님 연교(조여정)가 기우를 맞이한다. 그러나 이렇게 시작된 두 가족의 만남 뒤로, 걷잡을 수 없는 사건이 기다리고 있었으니…',
+    playdate: '2019.05.30',
+  };
+  return res.status(200).json({
+    status: 200,
+    message: '영화 조회 성공',
+    data: movie,
+  });
+});
+
+module.exports = router;

seminar2-advanced/src/api/user.ts

@@ -0,0 +1,14 @@
+import express, { Request, Response, Router } from 'express';
+
+const router: Router = express.Router();
+
+router.get('/', (req: Request, res: Response) => {
+  const user = '지윤';
+  return res.status(200).json({
+    status: 200,
+    message: '유저 조회 성공',
+    data: user,
+  });
+});
+
+module.exports = router;

seminar2-advanced/src/index.ts

@@ -0,0 +1,24 @@
+// src/index.ts
+import express, { NextFunction, Request, Response } from 'express';
+
+const app = express(); // express 객체 받아옴
+const PORT = 3000; // 사용할 port를 3000번으로 설정
+
+app.use(express.json()); // express 에서 request body를 json 으로 받아오겠다.
+
+app.use('/api', require('./api')); // use -> 모든 요청
+// localhost:8000/api -> api 폴더
+// localhost:8000/api/user -> user.ts
+
+//* HTTP method - GET
+app.get('/', (req: Request, res: Response, next: NextFunction) => {
+  res.send('마! 이게 서버다!');
+});
+
+app.listen(PORT, () => {
+  console.log(`
+        #############################################
+            🛡️ Server listening on port: ${PORT} 🛡️
+        #############################################
+    `);
+}); // 8000 번 포트에서 서버를 실행하겠다!

seminar2-advanced/src/interfaces/member.ts

@@ -0,0 +1,5 @@
+export interface Member {
+  name: string;
+  group: string;
+  age: number;
+}

seminar2-advanced/tsconfig.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "target": "es6", //? 어떤 버전으로 컴파일
+    "allowSyntheticDefaultImports": true, //? default export가 없는 모듈에서 default imports를 허용
+    "experimentalDecorators": true, //? decorator 실험적 허용
+    "emitDecoratorMetadata": true, //? 데코레이터가 있는 선언에 대해 특정 타입의 메타 데이터를 내보내는 실험적인 지원
+    "skipLibCheck": true, //? 정의 파일 타입 체크 여부
+    "moduleResolution": "node", //? commonJS -> node 에서 동작
+    "module": "commonjs", //? import 문법
+    "strict": true, //? 타입 검사 엄격하게
+    "pretty": true, //? error 메시지 예쁘게
+    "sourceMap": true, //? 소스맵 파일 생성 -> .ts가 .js 파일로 트랜스 시 .js.map 생성
+    "outDir": "./dist", //? 트랜스 파일 (.js) 저장 경로
+    "allowJs": true, //? js 파일 ts에서 import 허용
+    "esModuleInterop": true, //? ES6 모듈 사양을 준수하여 CommonJS 모듈을 가져올 수 있게 허용
+    "typeRoots": [
+      "./src/types/express.d.ts", //? 타입(*.d.ts)파일을 가져올 디렉토리 설정
+      "./node_modules/@types" //? 설정 안할시 기본적으로 ./node_modules/@types
+    ]
+  },
+  "include": [
+    "./src/**/*" //? build 시 포함
+  ],
+  "exclude": [
+    "node_modules", //? build 시 제외
+    "tests"
+  ]
+}