전체 글
-
[Nextjs]상태관리Next.js 2022. 12. 22. 13:06
Nextjs를 공부할겸 프로젝트를 하나 만들고 있는데, seo가 필요해서 ssr를 사용 해야했다. 근데 Nextjs에는 Hydrate라는 개념이 존재함. 따라서 비동기 서버 상태 관리는 react-query를 사용하고, 클라이언트 상태관리는 Recoil을 사용함. 서버 상태관리 : react-query 클라이언트 상태관리 : recoil npm i react-query npm install recoil 2가지를 적용하기 위해서 _app.tsx 파일에서 설정 해줘야함. import '../styles/globals.css'; import React from 'react'; import type { AppProps } from 'next/app'; import { Hydrate, QueryClient, Qu..
-
-
[Nestjs]PatialType이란Nest.js 2022. 12. 21. 23:32
POST, UPDATE 요청을 처리할 때 데이터 삽입에 대한 DTO, 데이터 수정에 대한 DTO를 만든다. 일반적으로 데이터 수정 DTO는 삽입 시의 DTO에 종속된다. 수정시의 DTO에 들어가는 개체가 삽입시의 DTO에 들어있는 개체에 포함된다는 것이다. 그런 상황에서 사용할 수 있는 것이 PartialType다. POST 처리를 위한 DTO가 CreateDto라고 가정하면, import { IsNumber, IsOptional, IsString } from 'class-validator'; export class CreateDto { @IsString() readonly title: string; @IsNumber() readonly year: number; @IsString({ each: true ..
-
기획서카테고리 없음 2022. 12. 20. 21:03
https://minery.tistory.com/8 [기능명세서]사이드프로젝트에서 개발자랑 안싸우는 앱기획하기!(+메뉴트리) 안녕하세요!! 마이너리 기획자 염희입니다 😆 _ 오늘은 마이너리 앱 디자인이 결정되기까지의 다사다난했던 화면구성부터 디자인까지의 과정을 남겨보려고 해요! 재밌게 읽어주시고 마이너리 minery.tistory.com https://miro.com/ko/ https://m.youtube.com/watch?v=6WKod1yDa2M&t=350s&pp=2AHeApACAQ%3D%3D https://m.youtube.com/watch?v=uglKTcoK26c
-
Nestjs에 swagger 적용Nest.js 2022. 12. 8. 20:53
npm install --save @nestjs/swagger swagger-ui-express [ src/swagger.document.ts ] import { DocumentBuilder } from '@nestjs/swagger'; export class BaseAPIDocument { public builder = new DocumentBuilder(); public initializeOptions() { return this.builder .setTitle('Swagger Example') .setDescription('Swagger API doc') .setVersion('1.0.0') .addTag('swagger') .build(); } } [ src/main.ts ] import { Ne..