😎 공부하는 징징알파카는 처음이지?

=> Realtime Chat With Users & Rooms - Socket.io, Node & Express 🌏 1) Front-End 코드 파일 복붙하기 https://github.com/bradtraversy/chatcord/tree/master/public 🌏 2) 환경설정 npm init npm install express socket.io moment npm install -D nodemon 🏠 package.json { "name": "realtimechat", "version": "1.0.0", "description": "realtime chat app with rooms", "main": "index.js", "scripts": { "start": "node server", "dev..

=> 따라하면서 배우는 NestJS 🧸 설정 (Configuration) runtime 도중에 바뀌는 것이 아닌, 애플리케이션이 시작할 때 로드가 되어 그 값들을 정의 설정 파일은 여러가지 파일 형식을 사용 (XML, JSON, YAML, Environmant, Varaiables) 🧸 Codebase VS Environment Variables (환경변수) XML, JSON, YAML : Codebase 에 해당 & 환경 변수 => 나누는 이유 : 비밀번호와 API KEY 같은 남들에게 노출되면 안되는 정보를 주로 환경 변수로 처리 🎀 Codebase : 일반적으로 Port 처럼 노출되도 상관 없는 정보들 🎀 Environment Variables (환경변수) : 비밀번호, API 처럼 노츨되면 안되는..

=> 따라하면서 배우는 NestJS 🧸 로그 어디에서 문제가 나는지, 빠르게 정확하게 파악하기 위해 로그가 중요함 🎀 로그의 종류 - Log : 중요한 정보의 범용 로깅 - Warning : 치명적이거나 파괴적이지 않은 처리되지 않은 문제 - Error : 치명적이거나 파괴적인 처리되지 않은 문제 - Debug : 오류 발생시 로직을 디버그하는 데 도움이 되는 유용한 정보 (개발자 용) - Berbose : 응용 프로그램의 동작에 대한 통찰력 제공하는 정보 (운영자 용) 🎀 로그 레벨 🧸 로그 적용하기 expressjs 를 사용할 때는 Wiston 이란 모듈 쓴다 nestjs 에는 이미 build-in 된 logger 클래스 있음 🎀 main.ts import { NestFactory } from '@n..

=> 따라하면서 배우는 NestJS 🧸 자신이 생성한 게시물을 삭제하기 현재는, 게시물을 가져올 때 어떠한 유저인지에 상관없이 모든 게시물을 가져옴 게시물을 가져올 때 해당 유저가 생성한 게시물만 가져오도록 한다 🎀 boards.controller.ts // 들어오는 요청을 처리하고 클라이언트에 응답을 반환함 // @Controller 데코레이터로 클래스를 데코레이션하여 정의함 // Handler : @Get, @Post, @Delete 등과 같은 데코레이터로 장식 된 컨트롤러 클래스 내의 단순한 메서드 import { Body, Controller, Delete, Get, Param, ParseIntPipe, Patch, Post, UseGuards, UsePipes, ValidationPipe } f..

=> 따라하면서 배우는 NestJS 🧸 해당 유저의 게시물만 가져오기 (getAllBoards) 현재는, 게시물을 가져올 때 어떠한 유저인지에 상관없이 모든 게시물을 가져옴 게시물을 가져올 때 해당 유저가 생성한 게시물만 가져오도록 한다 🎀 boards.controller.ts // 들어오는 요청을 처리하고 클라이언트에 응답을 반환함 // @Controller 데코레이터로 클래스를 데코레이션하여 정의함 // Handler : @Get, @Post, @Delete 등과 같은 데코레이터로 장식 된 컨트롤러 클래스 내의 단순한 메서드 import { Body, Controller, Delete, Get, Param, ParseIntPipe, Patch, Post, UseGuards, UsePipes, Vali..

=> 따라하면서 배우는 NestJS 🧸 유저와 게시물의 관계 형성 해주기 현재 유저나 게시물에 생성할 대 그 둘의 관계 설정이 없음 게시물 생성 시, 어떤 유저가 생성했는지 정보 넣어야 함 🎀 유저와 게시물 데이터의 관계 형성 1) 관계를 형성하기 위해서 엔티티에 서로 간의 필드를 넣어야 함 2) 파라미터 - Type - InverseSide (board 에서 유저로 접근하려면 board.user 로 접근해야 함) - Option (eager : true 일 때 user 정보를 가져올 때 board 도 같이 가져옴) user (OneToMany) => board (ManyToOne) 🧸 게시물 생성할 때 유저 정보 넣어주기 게시물 생성 요청 -> 헤더 안에 있는 토큰으로 유저 정보-> 유저 정보와 게시물..

=> 따라하면서 배우는 NestJS 🧸 인증된 유저만 게시물 보고 쓸 수 있게 하기 🎀 유저에게 게시물 접근 권한 주기 인증에 관한 모듈을 board 모듈에 쓸 수 있어야 하므로, board module 에서 인증 모듈 imports 하 🎀 UseGuards (AuthGuard()) 사람이 요청을 줄 때 올바른 토큰을 가지고 요청을 주는지 본 후에 게시물에 접근 할 권한 줌 AuthGuard (인증 미들웨어) 는 각각의 라우트 별로 줄 수 있고, 한번에 하나의 컨트롤러 안에 들어있는 모든 라우터 줄 수 있음 🎀 boards.controller.ts // 들어오는 요청을 처리하고 클라이언트에 응답을 반환함 // @Controller 데코레이터로 클래스를 데코레이션하여 정의함 // Handler : @Get..

=> 따라하면서 배우는 NestJS 🧸 커스텀 데코레이터 생성하기 🎀 get-decorator.ts import { ExecutionContext, createParamDecorator } from "@nestjs/common"; import { User } from "./user.entity"; // 커스텀 데코레이터 생성함 // req.user 가 아닌 user 파라마티로 바로 유저 객체 갖고 오기 export const GetUser = createParamDecorator((data, ctx: ExecutionContext): User => { const req = ctx.switchToHttp().getRequest(); return req.user; }) 🎀 auth.controller.ts ..