treeru.com

트리루 기술 블로그

프론트엔드, 백엔드, DB, IT 인프라, AI 솔루션에 대한 인사이트와 실무 가이드를 공유합니다.

posts.tsx — 23개
더보기13개 남음
  1. Tailwind CSS 애니메이션 라이브러리의 함정 — tw-animate-css 15KB 줄이기
  2. Next.js <img> vs <Image> — PageSpeed 관점에서의 선택 기준
  3. LCP 110초를 3.4초로 — motion/react의 opacity:0 트랩
  4. Drizzle ORM + SQLite로 가벼운 백엔드 만들기
  5. 이미지 최적화만으로 PageSpeed 20점 올리기 — 36MB를 0.8MB로
  6. Next.js 사이트 PageSpeed 최적화 — Mobile 38에서 88까지
  7. Better Auth로 Next.js 인증 구현하기 — 세션 관리부터 관리자 권한까지
  8. 한국어 웹폰트가 PageSpeed를 깎는 이유 — 렌더 차단 CSS 26KB→3KB
  9. CLS 0.5를 0으로 — TypeWriter 애니메이션의 함정과 해결
  10. 웹사이트 배포 자동화 — Git Push부터 프로덕션 반영까지
  11. Caddy로 HTTPS 자동화 — Let's Encrypt 인증서 무한 갱신
  12. PM2로 Next.js 프로덕션 운영하기 — 무중단 배포와 모니터링
  13. 반응형 웹 디자인의 중요성