개요

매일 똑같은 데이트에 지쳐 새로운 곳을 찾는 연인들에게 ‘서울, 우리만의 데이트 스케치북’은 단순한 정보 제공을 넘어, 둘만의 이야기를 담아내는 특별한 공간을 제공합니다. 실제 후기와 다양한 카테고리를 유지하면서, 사용자 개개인의 취향과 상황에 맞는 맞춤형 데이트를 제안하여 서울에서의 모든 순간이 특별한 추억이 되도록 돕는 것이 이 홈페이지의 핵심 목표입니다.

설계의 주안점

<보안 강화>

- JWT 기반 인증 및 인가 시스템 적용 (AccessToken + RefreshToken 구조).
- Access Token 만료 시 Refresh Token을 통한 자동 재발급 처리.
- 사용자 데이터 보호를 위해 토큰은 HttpOnly Cookie + localStorage 혼합 전략 활용.
- 비밀번호 암호화(BCrypt) 및 이메일 인증 기반 추가 보안 절차 적용.

<세션 관리>

- Spring Security의 SessionCreationPolicy.STATELESS 설정을 통한 완전 무상태(stateless) 서버 구조.
- 로그인 시 토큰 기반 인증으로 서버 부담 최소화.
- API 보안 정책
- HttpMethod와 경로 기반으로 권한 차등 부여.
- 영화 리뷰 등록(POST)은 인증된 사용자만 허용, 공지사항/에디터 기능은 특정 역할(admin, editor)만 접근 가능.
- CORS 정책 세분화 → localhost:3000, 5173, 9999 등 개발 환경에서 안전하게 접근 가능하도록 설정.

<프론트엔드 상태 관리>
- Zustand를 활용하여 인증 상태(user, accessToken, refreshToken)를 전역에서 관리.
- persist 미들웨어로 새로고침 시에도 로그인 상태 유지.
- 인터셉터를 통한 자동 토큰 갱신 및 에러 처리(401 발생 시 Refresh 요청 → 실패 시 강제 로그아웃).

<확장성과 유지보수성>

- React 컴포넌트 구조화(MoviePage, MovieSection, CinemaSection)로 UI 모듈화.
- 인터셉터, Store, Spring Security Config 등 인증 관련 로직을 모듈 단위로 분리.
- 지역별 영화관 데이터 조회 기능, 영화 정보 슬라이드 배너 등 기능 확장성을 고려한 설계.

<UI/UX 디자인>

- 직관적인 Hero 배너(백드롭 이미지 + 마우스 오버 시 영화 제목 표시).
- 지역구 선택 버튼 UI 개선 → 가독성과 접근성이 높은 버튼 스타일 적용.
- 에러 발생 시 사용자 친화적인 안내 메시지 출력.

개요

AI 기반 맞춤 운동·식단 추천과 투두리스트/건강일지 작성 기능을 제공하며, 다이어트 및 체중 관리에 관심 있는 사용자들이 정보를 공유하고 소통할 수 있는 커뮤니티 서비스

설계의 주안점

- 모듈화: 각 기능을 독립적인 모듈로 개발
- 보안: 인증 및 권한 관리 (JWT 등 사용)
- UI/UX 디자인: 직관적이고 접근성이 높은 디자인
- 확장성: 기능 추가 용이하도록 설계
- 유지보수성: 코드 구조가 명확하고 수정이나 기능 추가가 용이하도록 설계