포시코딩

개요 string, number type의 데이터와 이미지 파일이 같이 담긴 FormData에 대해 Nest.js 상에서 어떻게 해야 multer를 통해 이미지 파일을 받고 나머지 데이터들에 대해 DTO를 적용해 type을 가려 받을 수 있는지에 대해 내 시행착오를 정리해보았다. 발단 Client Server const formData = new FormData(); formData.append('title', title); formData.append('content', content); formData.append('writerId', writerId); formData.append('joinLimit', joinLimit); formData.append('file', file); axios.post..

서버 실행 npm run start 이렇게 콘솔에 출력이 되면 서버가 잘 실행된 것이다. 보면 Mapped ~ 하면서 router path들도 확인할 수 있는데 해당 path들에 대해 Thunder Client를 통해 스스로 테스트를 진행해보면 된다. 문제 발견 Thunder Client 등으로 테스트 하다보면 데이터를 성공적으로 넣고 articles 목록으로도 잘 불러와지는 상황에서 상세 보기로 /board/articles/:articleId 를 하면 아무 데이터도 못불러오는 상황을 겪을 수 있을 것이다. board.controller.ts 코드를 보면 articleId에 대해 number로 받겠다고 했지만 사실은 이건 string이다. 왜냐면 URI에 들어가는 파라미터는 항상 string이기 때문 여..

서비스 작성 import _ from 'lodash'; import { Injectable, NotFoundException, UnauthorizedException } from '@nestjs/common'; @Injectable() export class BoardService { // 원래는 Repository를 참조하여 비지니스 로직을 실행하기 위해 데이터베이스와 통신을 함 // 하지만, 여기선 편의성을 위하여 인-메모리 변수로 해결 private articles = []; private articlePasswords = new Map(); getArticles() { return this.articles; } getArticleById(id) { return this.articles.find((..

시작하기 전에 JavaScript로 코딩할 때 유용하게 사용할 수 있는 유틸성 패키지인 lodash를 설치하자 npm i lodash 설치 후 tsconfig.json 파일을 열어 아래 속성 추가 "esModuleInterop": true 해당 속성을 추가함으로써 ES6 모듈 사양을 준수하여 CommonJS 모듈을 가져올 수 있게 한다. 서비스 주입 board.controller.ts import { Controller } from '@nestjs/common'; import { BoardService } from './board.service'; @Controller('board') export class BoardController { // 서비스 주입 constructor(private readon..