비고: 스프링부트 학습용 프로젝트

📕 프로젝트 제목

마이플랜

📃 프로젝트 개요

• 일정을 AI 기반의 대화식으로 간편하게 관리할 수 있는 PWA를 적용한 웹앱

📆 개발 기간

• 2024-12-01 ~
• 비고: 주말 위주 공부 용도로 개발

✈ 배포

📲 기능

24 시간 원형 시간표

• 일정 추가/수정/삭제 등 기본 기능
• LLM 기반 대화식 일정 추가 기능
• 푸시 알림: 임박한 일정 알림
• 원형 시간표 템플릿 다운로드 기능
• AI 기반 이미지 분석을 통한 일정 추가 기능

🔧 기술스택

프론트엔드

기술 스택	비고
React	사용자 인터페이스(UI) 개발에 사용
TypeScript	안정성과 가독성을 높이기 위한 정적 타입 지원
PWA	웹 애플리케이션을 네이티브처럼 사용 가능하게 지원
Zustand	전역 상태 관리를 간단하고 효율적으로 처리
TanStack Query	서버 상태를 관리하고 데이터를 효율적으로 캐싱
D3	커스터마이징이 자유로움. 원형시간표 UI 구현에 사용

백엔드

기술 스택	비고
Spring Boot	백엔드 애플리케이션 개발의 핵심 프레임워크로 RESTful API 및 백엔드 로직 개발 용도
Spring Security	인증 및 권한 관리를 위한 보안 프레임워크로 JWT 기반 인증 및 권한 관리 용도
JPA (Hibernate)	객체와 데이터베이스 간의 매핑(ORM) 처리
PostgreSQL	관계형 데이터베이스(RDBMS)로 데이터 처리 및 저장 용도
Gradle	빌드 자동화 도구
Postman	API 문서화 및 테스트 도구

📁 프로젝트 구조

📦src
 ┣ 📂apis -------> API
 ┣ 📂components -
 ┃ ┣ 📂common
 ┃ ┗ 📂pages  ---> 페이지별 재사용 컴포넌트
 ┃ ┃ ┣ 📂auth-page
 ┃ ┃ ┣ 📂Intro-page
 ┃ ┃ ┗ 📂plan-page
 ┣ 📂configs  ---> 구성
 ┣ 📂const   ----> 상수 파일
 ┣ 📂context  ----> useContext 관련 파일
 ┣ 📂exception ---> 예외처리
 ┣ 📂hooks 
 ┃ ┣ 📂mutations --> 리액트 쿼리 뮤태이션 훅
 ┃ ┗ 📂queries   --> 리액트 쿼리 쿼리 훅
 ┣ 📂pages
 ┣ 📂providers  --> 리액트 쿼리 프로바이더
 ┣ 📂services --> 비즈니스 로직
 ┣ 📂store
 ┣ 📂styles
 ┣ 📂tests
 ┣ 📂types
 ┗ 📂utils