📌 [1편] BOOTH 마켓 구조 분석 및 React 프로젝트 초기 설정
📌 [1편] BOOTH 마켓 구조 분석 및 React 프로젝트 초기 설정BOOTH(https://booth.pm)는 크리에이터들이 자신만의 창작물을 디지털 상품으로 판매하는 대표적인 마켓 플랫폼입니다.이번 시리즈에서는 이 BOOTH 마켓의 UI/UX 구조를 클론하면서, 검색 중심의 마켓형 웹앱을 React로 실전 구현하는 과정을 다룹니다.이번 첫 글에서는 전체 아키텍처를 분석하고, **React 개발 환경(Vite 기반)**을 구성하는 것까지 진행합니다.🔍 1. BOOTH 마켓의 UI 구조 분석사이트: https://booth.pm/ja/search✅ 주요 요소구성 요소 설명검색 입력창키워드 검색 기능 제공 (debounce 기반 입력 UX)상품 카드 리스트썸네일, 제목, 가격, 태그로 구성된 카드태..
project
2025. 4. 2. 13:32
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 개발블로그
- kotlin
- 웹개발
- 프론트엔드면접
- PostgreSQL
- SEO최적화
- App Router
- SEO 최적화
- nextJS
- Next.js
- 백엔드개발
- seo 최적화 10개
- CI/CD
- AI챗봇
- 관리자
- fastapi
- Prisma
- 프론트엔드
- REACT
- LangChain
- github
- NestJS
- Docker
- gatsbyjs
- llm
- rag
- nodejs
- Ktor
- Webpack
- Python
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함
반응형