Next.js의 캐싱 기능 활용하기
Next.js에서 제공하는 캐싱 기능 활용하기, 주기적으로 HTML 파일을 생성하는 ISR, On-Demand 방식으로 fetch 캐시 무효화하기
Featured Posts
에디터에 이미지 업로드 구현하기
titap으로 만든 에디터에 이미지 업로드 기능 구현하기, presignd url 발급하고 S3에 직접 업로드하기
tiptap으로 에디터 구현하기
Headless 라이브러리인 Tiptap으로 직접 에디터 구현하기, 내가 react-quill을 선택하지 않은 이유
zustand 코드 까보기
zustand가 어떻게 함수 레벨에서도 동작하는지 너무 궁금해서 코드를 까보고 내용을 정리해봤습니다..
효율적인 에러 처리를 위한 몸부림
프론트엔드에서 효율적으로 에러 처리하는 방법 고민한 흔적 남기기.. API 요청 모듈, 리액트 쿼리, zustand를 조합해 에러 중앙화하기.
프리티어 환경에서 무중단 배포 달성하기
Next.js AWS EC2에 배포하기, 프리티어 환경에서 nginx, pm2, 쉘스크립트를 활용해 Blue-Green 무중단 배포하기.
타입스크립트 - OOP와 타입스크립트
OOP가 무엇인지 정리하기, 타입스크립트를 활용한 객체 지향 프로그래밍 알아보기..
타입스크립트 - 타입 확장, 좁히기
typeof, instance of, is, in 등 타입을 확장하고 좁히는 여러가지 방법 알아보기...
타입스크립트 - 고급 타입 정리하기
인덱스 시그니처, 맵드 타입, 템플릿 리터럴, 제네릭 등 타입스크립트의 고급 타입 알아보기
HTTP Method가 뭔데요 (1)
RFC 9110 문서 보고 HTTP 메서드 정리하기. 너무 길어서 개요만 정리하기...
createPortal로 모달 탈출 시키기
createPortal 사용해서 부모 컴포넌트 DOM 계층 구조에서 벗어나기 (CSS 상속 회피)
Burgerput의 로딩 로직 자동화
cURL과 crontab으로 로딩 로직 자동화하기, ALB idle timeout 설정하기
블로그(7) - Serverless, API Routes 알아보기
API Routes와 node-mailer로 메일 전송하기 근데 Serverless 개념을 곁들인..
블로그(Intro) - Next의 중요 컨셉과 렌더링 방식
주인장의 개발 방식 근데 4가지 렌더링 방식과 Next의 중요 컨셉을 곁들인