최근 작업물
최근 게시물
바이브 코더를 위한 Next.js 최적화 (1/3): 이미지 최적화
Next.js Image 컴포넌트가 해결하는 네 가지 문제와 Vercel 비용 구조, 자체 아키텍처 설계까지 정리했어요.
3분 readNext.js성능 최적화이미지바이브 코딩
바이브 코더를 위한 Next.js 최적화 (2/3): 렌더링 전략
CSR, SSR, SSG, ISR, PPR까지 5가지 렌더링 전략의 차이와 선택 기준을 코드 예시로 정리했어요.
3분 readNext.js성능 최적화SSRSSGISR바이브 코딩바이브 코더를 위한 Next.js 최적화 (3/3): 코드 분할과 캐싱
dynamic import로 번들 크기를 줄이고, 캐싱으로 중복 DB 호출을 없애는 방법을 정리했어요.
3분 readNext.js성능 최적화Code Splitting캐싱바이브 코딩Gemini 3.1 Pro로 UI 디자인하기
랜딩페이지, SVG 애니메이션, 데이터 대시보드까지. Gemini 3.1 Pro의 디자인 활용법 5가지를 프롬프트와 함께 정리했어요.
3분 readAIDesignGeminiNext.js에서 프로덕션 수준 API 만들기
oRPC로 입출력 검증, 컨트랙트 우선 개발, OpenAPI 문서 자동 생성까지 한 번에 잡는 방법을 정리했어요.
3분 readNext.jsAPIoRPCOpenAPI