1. 웹 애플리케이션 성능 최적화 ​Next.js Dynamic import를 활용한 불필요한 렌더링 개선. - CLS 75% 감소(0.3 => 0.08) - 초기 번들 사이즈 44% 감소 (720KiB => 450KiB) PNG => WebP 변환 Google Cloud Function 배포를 통한 SSR 번들 사이즈 94%감소. (1,700 KiB => 100KiB) 2. 커스텀 리액트 훅 제작 및 유지보수 Toss slash 오픈소스를 참고하여 사내 사정에 맞는 예약/결제 단 퍼널 관리용 커스텀 훅 useFunnel 제작. 이후 퍼널 내/외에서 관리할 데이터를 명시적으로 보여주어 유지보수성 향상 에 기여. https://bit.ly/custom-useFunnel 3. 프론트엔드 데이터 검증 로직 추가 및 자동화 서버리스 서비스 내 데이터 호출에 대한 검증 프로세스의 필요성을 감지. Zod를 활용한 데이터 검증 미들웨어 구축. 이후주기적검증프로세스설정및슬랙메세징시스템구축,기존에러30%감소. https://bit.ly/runtime-validation 4. Jira-Github Release Automation 사내스프린트관리에사용되는툴간동기화를위한반복작업인지,오픈소스를사내사정에맞 게 커스텀하여 github production 배포를 트리거로 Jira의 릴리즈 및 스프린트 종료 등 일련의 동기화 과정을 자동화하는 github action을 제작. 이후 팀 내 불필요한 소통을 줄여 기획에 온 전히 몰두하도록 개선. 5. Vercel Preview 환경 구축 github commit, branch 별 preview CI/CD 환경 관리. 디자이너와 PM에게 온전히 동작하 는 preview 제공. Vercel 환경 변수를 관리하여 preview 서버를 분리한 뒤, 소셜 로그인 및 지도 api 내 서비스 url을 추가하여 preview 환경에서 브랜치 별 배포를 온전히 확인 및 소셜 로그인이 가능하도록 환경 조성. 6. 데이터 동기화 google cloud function 배포 GCS 버킷 내 변경사항 발생 시 수동으로 복제본을 algolia 검색 엔진에 반영해주던 작업을 자동 화하는 Google Cloud function 작성 및 배포하여 개발팀 내 생산성 향상에 기여.

更多