전체 포스트

Parse, Don't Validate 원칙을 React + TypeScript 프론트엔드에서 적용하는 방법

새로운 팀버핏 공식 웹페이지 리뉴얼 프로젝트에 대한 회고

배포에 7 ~ 8분이 걸리던 Next.js 백오피스를 React + Vite로 전환하여 2 ~ 3분으로 단축한 과정. 레거시 정리와 코드 분할을 통해 개발 서버 구동 시간을 29.5배 개선하고 Lighthouse 점수를 80 ~ 90점대로 끌어올린 이야기.

수동으로 8단계를 거쳐 배포하던 프로세스를 GitLab Runner로 자동화한 경험. Docker in Docker(DinD) 설정부터 .gitlab-ci.yml 작성까지 실제 구축 과정을 정리했다.