Properties
Date
주요 진행 내용
갤러리 홈페이지 업데이트로 상품 리스트 페이지와 상세 페이지를 추가 제작하고, 상품 리스트에 react-three.js를 적용해 3D 회전형 리스트 구현.
진행 결과
3D 인터랙션 기반 리스트 페이지 구현에 성공하고, GitHub–Vercel 자동 연동 구조로 수정→커밋→배포 자동화를 확인.
인사이트 및 회고
React-three.js는 학습 곡선이 있지만 UI 디자인의 시각적 전환점을 제공할 수 있고, 자동 배포 환경 구축으로 반복 수동 작업이 줄어 개발 효율이 크게 향상됨.
사용한 툴 및 기술
Next.js, React-three.js, GitHub + Vercel, MCP + Copilot 연동 구조
다음 주 계획
홈페이지 내부 이미지 교체 기능 구현 테스트(Next.js 백엔드 연동)와 단일 페이지 단위 실험 진행.