🎨 TodayMood

MyMood는 사용자가 감정을 기록하고, 일기를 작성하는 웹 애플리케이션입니다.

---

🌟 주요 기능

• 회원가입 및 로그인: 사용자 계정 생성 및 로그인 기능
• 카카오 로그인: 카카오톡 계정으로 간편 로그인
• 일기 작성: 그날의 감정을 기록하면서 자신만의 일기를 작성
• 일기 리스트: 작성한 일기를 날짜별로 정리하여 확인
• 일기 상세 보기: 선택한 일기의 상세 내용 보기
• 반응형 디자인: 다양한 화면 크기에 맞게 자동 조정되는 UI
• 임시 데이터 처리: 배포환경에서는 로컬 스토리지로 데이터를 관리 (API 서버 연결 대기 중)

---

💻 사용 기술

• React: UI 구현
• React Router: 페이지 간 네비게이션
• Kakao SDK: 카카오 로그인 기능
• CSS: 스타일링
• Axios: API 요청 및 데이터 관리

---

🚀 배포 주소

• 배포 주소: https://cj2174.github.io/TodayMood/

  배포 환경에서 발생할 수 있는 문제들:

현재 GitHub Pages 환경에서 라우팅 문제로 URL이 변경되더라도 페이지가 새로고침되지 않는 현상이 있습니다. (해결을 위한 방법을 추후 적용 예정입니다.)

• 일기 상세보기 페이지에서 해당 일기의 내용을 제대로 불러오지 못하는 문제가 발생할 수 있습니다. 이는 GitHub Pages 환경에서 React Router의 동적 경로 처리 문제가 원인일 수 있으며, 새로고침 시 페이지가 제대로 로드되지 않는 현상이 있습니다. (이 문제도 추후 해결을 위한 방법이 적용될 예정입니다.)

  • 모의 데이터 로그인: 카카오 로그인 기능이 제대로 작동하지 않는 환경에서는, 사용자 ID와 비밀번호를 통해 로그인할 수 있는 임시 데이터를 제공하고 있습니다. 예시:
    • ID: test1, PW: 1234 (홍길동)
    • ID: test2, PW: 1234 (김길동)
    • ID: test3, PW: 1234 (최길동)

---

💾 설치 및 실행 방법

1. 프로젝트 클론하기:

   git clone https://github.com/cj2174/TodayMood.git
   cd TodayMood
   

2. 필요한 패키지 설치:

   npm install
   

3. 로컬 서버 실행:

   npm run dev

로컬 서버는 기본적으로 http://localhost:3000에서 실행됩니다.