본문 바로가기

Develop

 (317)
[NestJs] Pipes란? 드디어 NestJS의 개념에 대한 공부이다. NestJs에서 Injectable() 데코레이터로 달린 클래스를 의미한다. 파이프는 data transformation과 data validation을 위해서 사용된다. 파이프는 컨트롤러 경로처리기에 의해 처리되는 인수에 대해 작동된다. 파이프가 없으면 바로 핸들러로 가게된다. 근데, 만약에 파이프가 있다면? 데이터에 대한 체크와 유효성 체크를 하고 나서 핸들러로 보내게된다. 스프링으로 치면... AOP나 필터라고 생각하면된다. (백엔드는 다 비슷하구나..) 자, 그러면 어떻게 구현을 하고 어떻게 동작하는지 한번 해보자 특정 메소드 별로 데코레이터를 선언해서 사용할 수 있다. 파라미터단위로 데코레이터를 선언해서 사용할 수도있다. 글로벌 레벨의 파이프도 있다...
[NestJS] 게시물 CRUD Id기준으로, 해당 게시물의 정보를 return 해주는것을 만들것이다. 배열에서, 해당 게시물의 id와 받은 id가 같은것을 return 해주는 메소드를 서비스에 넣었다. getBoardById(id: string) : Board{ return this.boards.find((board) => board.id == id); } 컨트롤러도 추가해주자 @Get('/:id') getBoardById(@Param('id') id :string): Board{ return this.boardService.getBoardById(id); } 이렇게 되면, id기준으로 정보를 가져올 수 있다. 테스트를 해보자 정보를 넣고, 전체를 가져오고 그리고 특정 게시물 ID로 해당 데이터를 가져오는 것까지 완료를 했다., 한가..
[NestJS] DTO 사용 DTO는 뭐 알다싶이 데이터 전송객체이다. 클라이언트로의 값을 받거나, DB로 전달할때 주로 사용하는 객체이다. DTO - 데이터 유효성을 검증하는 데 효율적이고, 코드를 안정적으로 만들어주는 역할을 한다 (몰랐던 사람은 참고 ㅎ) * DTO를 만들어보자 이전 프로젝트를 보면, 파라미터로 해당 값들을 따로따로 한개씩 받는다. 말도안되는 짓이기 떄문에, DTO를 만들어서 DTO채로 받아보자 export class createBoardDto{ title: string; description: string; } 변경된 controller와 Service를 보자 import { Injectable } from '@nestjs/common'; import { Board, BoardStatus } from './b..
[NestJs] 게시판 정보 불러오기 및 게시판 마무리 board controller import { Body, Controller, Get, Post } from '@nestjs/common'; import { BoardsService } from './boards.service'; import {Board} from './board.model' @Controller('boards') export class BoardsController { constructor(private boardService: BoardsService){} @Get('/') getAllBoard(): Board[]{ return this.boardService.getAllBoards(); } @Post('/create') createBoard(@Body('title') title: ..
[NestJS] CRUD 본격적으로 시작해보기 일단 로컬 데이터를 기반으로 컨트롤러, 서비스를 연결해보자 Controller import { Controller, Get } from '@nestjs/common'; import { BoardsService } from './boards.service'; @Controller('boards') export class BoardsController { constructor(private boardService: BoardsService){} @Get('') getAllBoard(){ return this.boardService.getAllBoards(); } } Service import { Injectable } from '@nestjs/common'; @Injectable() export class ..
[NestJS] 모듈, 컨트롤러, 서비스 생성 하기 우선 NestJS모듈은, @Module () 데코레이터로 주석이 달린 클래스이다. AppMoudle은 하나 이상있어야 하고, appMoudule은 시작점이다. 하위에 여러 모듈이 존재할 수 있고, CURD 관련 모듈 게시판, 사용자에대한 모듈 두개를 만들어 보자 * 모듈은 싱글톤이고, 여러 모듈간에 쉽게 공통적으로 인스턴스를 공유할 수 있다. 1) BoardModule 생성하기 > nest g module boards 모듈안에 아래와 같이 구성이 되게끔 만들것이다. Controller,Entity,Service,Repo,Validataion들을 생성해보자 1) Controller생성해보기 Controller는 데코레이터로 정의를 해야한다. 핸들러는 메소드를 정의해주어야 한다. @Get,@Post,@Put..
[NestJs] 간단하게 동작과정에 대해서 살펴보기 우선 기본 동작이 어떻게 되는지 보자. 1) main.ts main.ts에서 AppModule로 NestFactory를 생성하고, 해당 안에서는 appcontroller,appservice가 있게된다. 그리고, /로 접근시 서비스의 hello world를 리턴하고, 이를 화면에 보여주게 된다.
[NestJS] 간단하게 내부 프로젝트 구성 살펴보기 nest new ./로 하면 mkdir하고 안에 들어가서 하면 내부를 자동생성하게 해준다. 자동 생성되는 파일에 대해서 살펴보자 1) eslintrc.js 개발자들이 특정한 규칙을 가지고 코드를 깔끔하게 짤수있게 도와주는 라이브러리 타입 스크립트 관련 문법 체크를 해준다. 2)prettierrc 코드의 형식을 맞춰준다. 포매터라고 생각하면된다. 3) nest-cli.json nest프로젝트 설정 할수 있게 해주는 json파일 4)tsconfig.json 어떻게 타입스크립트를 컴파일 할지 설정 5) package.json 프로젝트 이름, 의존성 등을 정의하는 파일이다. 6)main.ts application이 생성되고, AppModule을 만들어주는 부분에 해당된다. 해당 root Module 하위에 다른..

티스토리툴바