1: 기획

목표: 회원 인증/인가 기능의 기본 설계와 요구사항 정의

하위 Task:

• 요구사항 정의: 사용자 인증 및 권한 부여 프로세스 정의

  • 회원 가입, 로그인, 로그아웃
  • 인증 방법 (JWT, OAuth 등)

  Facebook OAuth2

  • 권한 관리 (관리자, 사용자 등 역할별 접근 제어)

• 기능 명세서 작성: API 명세서 및 UI/UX 요구사항 정의

  • 로그인/회원가입 페이지 레이아웃
  • 로그인 성공/실패 처리 로직
  • 권한별 페이지 접근 처리

• 기술 스택 결정: React와 Spring Boot를 활용한 기술 선택

  • Spring Security 설정 방안
  • JWT 토큰 관리 방법
  • React 상태 관리 (Context API, Redux 등)

• 팀 협의 및 일정 조율: 프로젝트 목표 설정 및 일정 계획

2: 디자인

목표: UI/UX 설계 및 사용자 흐름 정의

하위 Task:

• UI/UX 설계: 로그인/회원가입 화면, 에러 메시지 및 인증 상태 표시 UI 설계
  • 로그인 화면 디자인
  • 회원가입 화면 디자인
  • 로그인 실패/성공 시 메시지 및 동작 설계
• React 컴포넌트 설계: 로그인, 회원가입, 인증 상태 관리 컴포넌트 설계
  • 로그인 폼 컴포넌트
  • 회원가입 폼 컴포넌트
  • 인증 상태 표시 컴포넌트
• Spring Boot 백엔드 설계: 인증 및 인가를 위한 API 설계
  • JWT 인증 처리 API
  • 권한 체크를 위한 API
• 디자인 리뷰 및 피드백: 팀 내부 디자인 검토 및 수정

3: 개발

목표: 인증/인가 기능을 구현하고, React와 Spring Boot 간의 통합

하위 Task:

• Spring Boot 백엔드 개발: 인증 및 인가 관련 API 구현
  • JWT 토큰 발급 및 검증
  • 로그인/회원가입 엔드포인트 개발
  • Spring Security 설정 및 권한 처리