집중 개발 기간: 2024. 3. 26 ~ 5. 1 (기능 추가 및 리팩토링은 간간이 진행 중)
스플은 '사용자의 니즈에 따른 카테고리로, 공부 장소를 추천해드리는 서비스'입니다.
- [개발 계기] 외부에서 공부 혹은 작업할 때마다 노트북은 이용할 수 있는지, 조용한지 등 원하는 요소에 맞는 장소를 블로그와 장소 정보를 통해 일일이 알아봐야 함에 불편함을 느꼈습니다. 저와 같은 고민을 가진 분들의 문제를 해결하고, 서비스를 제공해드리고자 개발하였습니다.
- [제공하는 서비스] 카테고리별로 사용자 니즈에 맞는 공부 장소를 추천하고 있습니다.
| 메인 페이지 | 디테일 페이지 |
|---|---|
 |
 |
| 마이 페이지 | 로그인 페이지 |
 |
 |
📦src
┣ 📂app
┃ ┣ 📂detail
┃ ┃ ┗ 📂[id]
┃ ┃ ┃ ┗ 📜page.tsx
┃ ┣ 📂my
┃ ┃ ┣ 📜layout.tsx
┃ ┃ ┗ 📜page.tsx
┃ ┣ 📂sign
┃ ┃ ┣ 📂signin
┃ ┃ ┃ ┗ 📜page.tsx
┃ ┃ ┣ 📂signup
┃ ┃ ┃ ┗ 📜page.tsx
┃ ┃ ┣ 📜EyeFilledIcon.jsx
┃ ┃ ┣ 📜EyeSlashFilledIcon.jsx
┃ ┃ ┗ 📜layout.tsx
┃ ┣ 📜globals.css
┃ ┣ 📜layout.tsx
┃ ┣ 📜page.tsx
┃ ┗ 📜provider.tsx
┣ 📂components
┃ ┣ 📂common
┃ ┃ ┣ 📜CustomDetailCard.jsx
┃ ┃ ┣ 📜CustomMainCard.jsx
┃ ┃ ┣ 📜EmblaCarousel.tsx
┃ ┃ ┣ 📜EmblaCarouselArrowButtons.tsx
┃ ┃ ┣ 📜EmblaCarouselDotButton.tsx
┃ ┃ ┣ 📜Footer.tsx
┃ ┃ ┣ 📜Header.tsx
┃ ┃ ┣ 📜Navbar.tsx
┃ ┃ ┣ 📜NotificationIcon.tsx
┃ ┃ ┣ 📜SearchIcon.tsx
┃ ┃ ┗ 📜SkeletonCard.tsx
┃ ┣ 📂css
┃ ┃ ┣ 📜base.css
┃ ┃ ┣ 📜embla.css
┃ ┃ ┗ 📜sandbox.css
┃ ┣ 📂theme
┃ ┃ ┗ 📜ThemeSwitcher.tsx
┃ ┣ 📜GithubLoginButton.tsx
┃ ┣ 📜GoogleLoginButton.tsx
┃ ┣ 📜KakaoLoginButton.tsx
┃ ┗ 📜Map.tsx
┣ 📂constants
┃ ┗ 📜errorCode.ts
┣ 📂hooks
┃ ┣ 📜useStudyPlaces.ts
┃ ┗ 📜useUserSession.ts
┗ 📜supabaseClient.ts