참고 https://wikidocs.net/148195 NestJS란 Node.js에 기반을 둔 웹 API 프레임워크로, Express or Fastify 프레임워크를 기반으로 동작한다. DB Connection, ORM, Configuration, 테스트 등 웹 API 작성에 필요한 여러 기능들을 제공한다. NestJS는 데코레이터를 많이 활용한다. ...

요즘 새롭게 떠오르고 있는 상태 관리 라이브러리인 Zustand를 사용해 봤다. 왜 Zustand 인가? 지금까지 React 환경에서 상태 관리를 위해 Context API를 사용해왔다. 얼마 전 Context API를 사용해 다크 모드(고대비) 기능을 구현하던 중 의도치 않은 리랜더링이 일어나 곤란했던 경험이 있다. Context API를 사용하기...

참조https://www.apollographql.com/blog/backend/auth/setting-up-authentication-and-authorization-apollo-federation/https://jwt.io/

Apollo-Server에서 파일 받기 + Google Cloud Storage에 파일 올리기

Stroage Apollo-Client에서 파일 업로드 1. Storage 전에는 서버에서 파일을 저장할 때 blob 등의 타입으로 데이터베이스에 직접 저장했었다. 요즘은 Amazon S3, Azure Storage, Google Cloud Storage 등 온라인 파일 스토리지가 보편화되면서 서버에는 스토리지에 접근 가능한 Url을 저장하고, 파일 자체...

1. CORS 2. Apollo-Server 3. Firebase

Open-API / Public-API 데코레이터

1. 클래스 2. 컴포넌트 생명주기 3. createRef(), useRef()

1. 값 타입, 참조 타입 2. Deep-Copy, Shallow-Copy 3. 무한스크롤

TIL

1. 레이아웃 2. 웹 폰트 최적화

MDN : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Set 참고 : https://miiingo.tistory.com/323

1. Modal 2. setState - prevState 3. 이중부정연산자 4. husky

1. 이벤트 버블링, 이벤트 캡처링 2. UI Framework 3. Scope

GraphQL-Codegen Eslint Prettier

TypeScript

Date 객체

1. Array.map(), Array.filter() 2. apollo-client refetch 3. react key

true/false Nullish coalescing 연산자 Container/Presenter 패턴 Props export / import 규칙