Next.js(App Router)을(를) 프로젝트의 안정성과 구현 속도를 위해 활용했다.

API 응답/컴포넌트 Props 계약을 타입으로 고정해 런타임 오류를 줄이고 협업 시 실수를 예방했다.

상태 변화에 따라 UI를 컴포넌트 단위로 조합하고, 재사용 가능한 화면 구조로 유지보수를 쉽게 했다.

토큰(색/타이포/간격)과 유틸 기반으로 스타일 규칙을 표준화해 화면 간 일관성을 유지했다.

캐싱/로딩/에러/리패칭 정책을 표준화해 데이터 패칭 코드를 단순화하고 사용자 경험을 안정화했다.

페이지와 분리된 UI 컴포넌트를 독립적으로 개발/검증하고 상태 케이스를 문서화해 협업 효율을 높였다.

도메인 라우팅과 프록시 설정으로 서비스 트래픽을 백엔드/프론트로 분기하고 운영 구성을 정리했다.

Node 프로세스 실행/자동 재시작/로그 관리를 통해 장애 상황에서도 서비스가 안정적으로 유지되게 했다.

실서비스 배포 환경(서버/네트워크/권한)을 구성하고 운영 관점에서 배포/장애 대응 경험을 쌓았다.

빌드/배포 과정을 자동화해 반복 작업을 줄이고, 브랜치 전략에 맞춘 배포 흐름을 고정했다.

상품 상세에서 active/total 체류시간을 측정해 “사용자가 실제로 읽는지”를 데이터로 확인 가능하게 했다.

상세 페이지 도달까지의 클릭 흐름을 세션 단위로 기록해 전환 병목을 찾고 개선 포인트를 도출했다.