로딩 UI가 Web Vitals에 미치는 영향
Lighthouse 결과를 분석하며, 페칭 방식과 로딩 UI 문제를 분리해 Web Vitals을 개선한 과정
로그인 전후에도 끊기지 않는 장바구니 경험 설계
로컬스토리지·서버 장바구니 분리와 병합 로직 구성으로 사용자 흐름을 유지하는 저장 구조 설계 과정
접근성을 해치는 작은 실수들 바로잡기
링크 레이블 누락, heading 계층 깨짐 문제를 수정하며 접근성 문제 에러 해결기
Cypress E2E 테스트 도입
반복되는 수동 QA를 Cypress E2E 테스트 도입하여 QA 부담 줄이고, 1줄 코드 추가만으로 확장 가능한 테스트 구조 만들기
동료 찾기 페이지 UI/UX 개선
PC와 모바일 환경 모두에서 일관된 UX를 제공하기 위해 레이아웃을 개선한 경험을 정리합니다.
Next.js Route Handler로 안전하게 외부 API 호출하기
서버/클라이언트 경계에서 발생하는 API Key 보안 문제와 이를 해결한 Next.js Route Handler 활용 사례