신세계백화점 PC 메인 React 전환기

이 게시물은 신세계백화점 PC 메인 페이지를 기존 Spring 기반에서 React로 전환한 과정을 상세히 설명합니다.

전환 배경 및 이유

• 모바일 웹 메인 페이지 개편에 맞춰 PC 페이지도 일관된 디자인과 사용자 경험 제공
• 유지보수성 향상과 프론트엔드 코드 관리의 효율성 증대
• 서버 개발팀과의 비효율적 협업 구조 개선

개발 과정과 주요 기술

• Next.js를 사용한 초기 페이지 셋팅
• React Query로 API 데이터 관리 및 인피니트 스크롤 구현
• SSR과 CSR을 적절히 조합하여 초기 로딩 시간과 사용자 경험 개선
• SEO 최적화를 위한 메타 태그 및 구조화 데이터 설정

회고

• 개발 중 겪은 어려움과 팀 내 협업, 코드 리뷰를 통한 개선 경험 공유
• 팀원들의 도움으로 성공적인 프로젝트 완수