프로젝트 설명
HTML/CSS 퍼블리싱의 BEM 구조와 Stimulus.js 패턴을 분석해 로그인부터 Swiper 메인·좋아요 토글까지 React 컴포넌트 전환과 Axios 연동을 사전 구현했습니다. BEM 클래스명을 className으로 1:1 매핑하고 app.css·device.css 등 CSS 4개를 무수정 재사용해 원본 디자인을 유지했습니다. 로그인·회원가입·메인·마이페이지·책 소개 5개 화면과 좋아요 토글 E2E 검증을 마쳤고 책 6권 좌우 스와이프와 카드 내 위아래 인용·소개·리뷰 전환을 Swiper/React State로 재현했습니다. JWT 자동 첨부·401 처리 인터셉터와 타입 안전 API·커스텀 훅을 두었고 VITEAPIBASEURL 한 줄로 mock에서 실 서버로 전환합니다. 분석·전환·Axios·Mock·E2E·Cloudflare Pages 배포까지 진행해 3일 내 현장 투입 가능한 React 프론트엔드를 준비했습니다.