누구나 손쉽게 만들 수 있는 온라인 롤링페이퍼 사이트

API 제공 : 코드잇 (코드잇 스프린트: 프론트엔드 트랙 3기 참여)

해당 프로젝트는 코드잇 스프린트 과정을 참여하며 제공됐던 api를 사용했습니다.
진행한 프로젝트를 선정하는 과정에서 제외됐던 롤링의 사이트 자료들이 아까워 개인적으로 제작했습니다.
👍 팀 프로젝트로 진행했어야 할 과제를 개인적으로 해보며 어떤 것들이 협업에서 사용됐으면 좋았는지 알 수 있어 좋았습니다.
😑 구체적인 기간 없이 막연히 '해보자!'하고 시작했던 거라, 페이지 및 컴포넌트 구현 시간이 생각보다 더 늦어져 아쉬웠습니다.
🔥 다음 작업을 할땐 시뮬레이션 하듯이 세부적으로 파악하고, 따로 일정표를 작성하는 등의 방법으로 개선해야겠단 마음이 들었습니다.

💻 사용 기술

⌛ 개발 기간

2024.11.07 - 2024.11.29

📁 폴더구조

📦src
 ┣ 📂components            # 공통 UI 컴포넌트 모음
 ┣ 📂hooks                 # 커스텀 훅 (무한 스크롤, 외부 클릭 감지 등)
 ┣ 📂pages                 # 주요 화면 및 페이지
 ┃ ┣ 📂components          # 해당 페이지에만 쓰이는 컴포넌트
 ┃ ┣ 📜index.tsx           # 페이지
 ┣ 📂styles                # 전역 및 공통 스타일 파일
 ┣ 📂types                 # TypeScript 타입 선언
 ┣ 📂utils                 # 공통 유틸리티 함수 (API 요청 등)
 ┣ 📜App.tsx               
 ┗ 📜index.tsx             

👓 Priview

🧩 프로젝트 주요 기능

• Swiper를 활용한 좌우 슬라이더
• 페이지네이션
• 무한스크롤
• 모달