2024 TIL

Next-Auth

👉 next-auth 인증/인가 고민
👉 next-auth 클라이언트 세션 수정 가능

Prisma

👉 prismaClient를 edge 환경에서 실행
👉 prisma migrate dev vs prisma migrate deploy

AWS

👉 s3-presigned-post vs s3-request-presigner
👉 lambda 에서 sharp로 이미지 압축
👉 presigned URL에 업로드할 때 Condition Content-Type issue
👉 upload image to s3 via cloudfront
👉 CloudFront를 통해서만 S3 객체 접근

NextJs

👉 Next.js에서 리렌더링 없이 url 바꾸기
👉 하나의 페이지에서 뒤로가기 구현
👉 Nextjs Static Asset 캐싱
👉 ClientComponent와 ServerComponent의 동작 방식 feat. 번들 최적화 #1
👉 ClientComponent와 ServerComponent의 동작 방식 feat. 번들 최적화 #2
👉 NextJS Link prefetch props 알아보기
👉 이미지 깜빡임 이슈
👉 이미지 최적화 도입기 feat. Nextjs
👉 NextJS 14.2 버전 캐싱 이슈
👉 Next Font 최적화 궁금한점
👉 NextJS에서 서버 컴포넌트를 렌더링하는 방법
👉 NextJS multi root layout 간의 라우팅
👉 NextJS 14에서 커스텀 metadata (google) 추가

Tanstack Query

👉 Tanstack Query useQuery 캐싱
👉 Tanstack Query useQuery 상태
👉 Tanstack Query refetchOnMount
👉 Tanstack Query Inactive 상태에서 invalidate 시키기

Vercel

👉 Vercel.json Cron Hobby 플랜 막힘
👉 Vercel, supabase 등 Serverless 기반 서비스에서 ColdStart 이슈 해결

Develop

👉 라이브러리는 목적성을 갖고 사용하자.

Javascript

👉 Event Loop란
👉 Javascript Runtime 구성 요소 및 관리 주체
👉 JS 실행 컨텍스트 구조
👉 File vs Blob
👉 Object.keys는 O(n)이다.
👉 모듈

React

👉 React Hook 동작 방식
👉 React Reconcile
👉 React에서 Work란?
👉 React에서 dispatchAction 이란?
👉 React에서 Idle 상태와 Render Phase 상태의 기준
👉 React에서 expirationTime
👉 ReactFiberHooks의 역할
👉 React Fiber Architecture
👉 React 비즈니스 로직 분리 자료
👉 React 실행 흐름
👉 React Reconcile 과정 beginWork, completeWork
👉 React beginWork에서 만들어지는 Component
👉 리액트 인스턴스를 생성하고 렌더링하는 과정 feat. 초기 마운트
👉 react 재조정 과정에서 컴포넌트를 업데이트 대상으로 정하는 기준
👉 React에서 key는 내부적으로 어떻게 처리될까?
👉 React Lane은 내부적으로 어떻게 동작할까?
👉 React ErrorBoundary에서 fetch 에러를 catch 하지 못하는 이유
👉 React Dependency Array에 일반 값이 들어오면?
👉 React Lane vs React Flag

CSS

👉 BuildTime Css와 RunTime Css에 대한 고찰
👉 CSS will-change는 브라우저 내부적으로 어떤 과정이 진행되는가?

Clean Code

👉 실무에서 바로 쓰는 Frontend Clean Code
👉 Effective Component 지속 가능한 성장과 컴포넌트

Network

👉 여러 Layer에서 캐싱 전략
👉 SSL 동작 과정
👉 Nginx에서 SSL 적용하기 Feat. Let's Encrypt

Git

👉 하나의 로컬 환경에서 여러 Github 계정 관리하기
👉 gh 에서 로그인을 했을 때 token은 어디에 저장될까?
👉 Squash Merge란?
👉 Git에서 직전 커밋 author을 바꾸고 싶을 때