분류 전체보기
-
프리티어 사용 하는데 요금 10만원이나 나왔다... 개빡침AWS 2022. 12. 23. 11:01
AWS 프리 티어 사용 알림의 이메일 주소를 변경하려면 AWS Management Console에 로그인하고 https://console.aws.amazon.com/billing/ 에서 결제 콘솔을 엽니다. . 탐색 창의 기본 설정 에서 결제 기본 설정 을 선택합니다 . 비용 관리 기본 설정 아래 의 이메일 주소 대화 상자 에 있는 AWS 프리 티어 사용 알림 수신에서 사용 알림을 받을 이메일 주소를 입력합니다. 페이지 끝으로 스크롤하고 환경 설정 저장 을 선택 합니다. 프리 티어 한도의 85%에 대한 AWS 예산 사용 알림은 모든 개별 AWS 계정에 대해 자동으로 활성화되지만 AWS Organizations의 마스터 계정에 대해서는 활성화되지 않습니다. 마스터 계정을 소유하고 있는 경우 AWS 프리 티..
-
[Nextjs]SSG,SSR react-query로 Dynamic Routes에 적용Next.js 2022. 12. 22. 16:07
_app.tsx import '../styles/globals.css'; import React from 'react'; import type { AppProps } from 'next/app'; import { Hydrate, QueryClient, QueryClientProvider } from 'react-query'; import { RecoilRoot } from 'recoil'; function MyApp({ Component, pageProps }: AppProps) { const queryClient = React.useRef(new QueryClient()); //const [queryClient] = React.useState(() => new QueryClient()) return (..
-
[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..