Skip to content

[refactor, design] #26 온보딩 설문 화면: 프로그레스 바 진행도 반영 방식 변경 & 반응형 및 스타일 변경/ 추천 결과 페이지: 로딩 처리 방식 변경 및 스타일 변경/ 제출 완료 페이지: 반응형 스타일 적용 및 구글 폼 링크 추가 #27

Merged
kimD0ngjun merged 12 commits intomainfrom
refactor/#26/progress-style
Jul 11, 2025

Conversation

@hyeonjiroh
Copy link
Contributor

@hyeonjiroh hyeonjiroh commented Jul 11, 2025

🔗 이슈 번호

Closes #26


📋 작업 사항

  • 온보딩 설문에서 다음 버튼 클릭 시 상단 프로그레스 바 진행도 반영
  • 버튼 hover, active 스타일 추가
  • 온보딩 설문 옵션 hover 스타일 추가
  • 전환 페이지 delay 시간 1800ms로 변경
  • 온보딩 설문 결과 전송 후 /recommend 페이지로 이동할 때 전환 페이지 표시
  • 추천 결과 데이터 받아올 때 스켈레톤 UI 표시
  • '서비스 만족도' (클릭 시 모달 표시) 버튼 hover 시 Popover 표시
  • 온보딩 설문 화면 반응형 적용
  • 제출 완료 페이지 레이아웃 및 구글 폼 링크 추가 (새탭으로 열기)

📷 스크린샷

프로그레스 바

2025-07-11.183743.mp4

온보딩 설문 후 추천 페이지로 이동

  • 온보딩 설문 결과 전송 후 /recommend 페이지로 이동할 때 전환 페이지 표시
  • 추천 결과 데이터 받아올 때 스켈레톤 UI 표시
2025-07-11.190505.mp4

'서비스 만족도' 버튼 hover 시 Popover 표시

2025-07-11.184212.mp4

온보딩 설문 화면 반응형

image image

제출 완료 페이지

image image

@github-actions
Copy link

Preview Deployment
🔗 https://saegil-6h8lhjrtu-hyeonjirohs-projects.vercel.app

@hyeonjiroh hyeonjiroh changed the title [refactor, design] [refactor, design] #26 온보딩 설문 화면: 프로그레스 바 진행도 반영 방식 변경 & 반응형 및 스타일 변경/ 추천 결과 페이지: 로딩 처리 방식 변경 및 스타일 변경/ 제출 완료 페이지: 반응형 스타일 적용 및 구글 폼 링크 추가 Jul 11, 2025
Copy link
Contributor

@kimD0ngjun kimD0ngjun left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생 많으셨어요 정말로:)

@kimD0ngjun kimD0ngjun merged commit 8d80add into main Jul 11, 2025
1 check passed
@kimD0ngjun kimD0ngjun deleted the refactor/#26/progress-style branch July 11, 2025 09:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[refactor, design] 제출 완료 페이지 수정 & 프로그래스 바 진행도 수정 & 여러 스타일 변경

3 participants