전체 포스트

네트워크 기초부터 TCP/IP, HTTP, 실시간 통신 정리

웹 공격 유형, 암복호화, JWT, 토큰 저장 전략 정리

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

Next.js 12 Pages Router와 Next.js 15 App Router의 차이점, Next.js 16 소개

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

마이크로 프론트엔드 아키텍처를 위해 React Native를 0.75.2에서 0.77.2로 업그레이드하면서 겪은 시행착오와 패키지 호환성 문제 해결 과정을 기록했습니다.

어느 날 한 PM분이 관리하고 있던 백오피스 툴(이하 버핏케어)에서 버튼이 안 나온다는 버그를 제보해주셨다.

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

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