Skip to content

[FEAT] 온보딩 캘린더 연동 단계 재활성화 및 Apple 캘린더 연동 UI 추가 #299

Description

@ehye1

🛠️ 만들고자 한 기능 설명

임시로 비활성화했던 온보딩 4단계(캘린더 연동)를 다시 켭니다. 연동을 마치면 온보딩 4단계로 돌아와서 "시작하기"를 누를 수 있게 흐름을 고칩니다. 온보딩과 설정 페이지에는 Apple 캘린더 연동 UI를 추가합니다. Apple 캘린더 API가 나오기 전이라 이번에는 UI만 추가합니다. 작업 중 관련 코드의 중복 문자열, 쓰이지 않는 prop, 도메인 폴더 위반을 정리하고, 로고 이미지를 SVG 아이콘으로 통일합니다.

✅ TODO LIST

리팩터링

  • 캘린더 연동 origin 키와 값(onboarding/settings)을 상수로 분리
  • callback의 이동 경로 분기를 origin별 대응표로 바꾸기
  • 연동이 성공하든 실패하든 localStorage의 origin 값 삭제
  • OnboardingGoogleButton을 OnboardingProviderButton으로 이름 변경
    • 쓰이지 않는 variant prop 정리
    • variant를 googleLogin / googleCalendar / appleCalendar로 나누기
  • 로그인 페이지에서도 쓰는 버튼 컴포넌트와 컨테이너를 전역 components/로 이동

온보딩 캘린더 연동 단계 재활성화

  • 생활 패턴 단계 다음에 캘린더 연동 단계로 이동하도록 복구
  • 단계 표시(STEPS)에 4단계 다시 추가
  • 연동 전에 온보딩 답변을 sessionStorage에 저장하고, 돌아오면 4단계와 답변 복원
  • 온보딩에서 시작한 연동은 성공·실패 모두 온보딩 4단계로 돌아가게 수정 (실패하면 토스트 표시)
  • 연동 상태를 프로필의 calendarConnected 값으로 표시
  • 온보딩을 완료하면 저장해 둔 답변 삭제

Apple 캘린더 연동 UI

  • 로고 SVG 아이콘 추가: google-logo, google-calendar, apple-calendar
  • 기존 PNG·이미지를 아이콘으로 교체
    • 온보딩·로그인 버튼
    • 설정 프로필과 캘린더 줄
    • Home·Today 캘린더 이벤트 카드
  • 쓰지 않게 된 이미지 파일 삭제
  • 온보딩 4단계에 Apple 캘린더 버튼 추가 (API 연동 전까지 클릭 동작 없음)
  • 설정 페이지에 Apple 캘린더 줄 추가 (API 연동 전까지 클릭 동작 없음)
  • ko/en 캘린더 연동 문구를 Google 전용에서 공통 문구로 수정

⏰ 예상 작업 기간

📝 참고 링크(선택)

📸 피그마 스크린샷

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions