Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat : 카메라 페이지 구현 #32

Open
7 tasks done
wjsquddn opened this issue Apr 20, 2024 · 4 comments
Open
7 tasks done

feat : 카메라 페이지 구현 #32

wjsquddn opened this issue Apr 20, 2024 · 4 comments

Comments

@wjsquddn
Copy link
Collaborator

wjsquddn commented Apr 20, 2024

  • 모달창 구현
  • 카메라 비율 수정
  • 화면 위에 얼굴을 위치 시킬 사각형 표현
  • 보내기 버튼 클릭시 백앤드로 정보 전송 로직 작성
  • 보낸 후 정보가 도착 할 때까지 보여주는 로딩 화면 구현
  • 정보 수집 모달창 구현
  • section 2 페이지 내에서 카메라 페이지로 이동하는 버튼 구현
@wjsquddn
Copy link
Collaborator Author

카메라 기능 구현

카메라 화면 비율 수정

이미지 촬영시 이미지를 보여주는 모달창 구현

화면 위에 얼굴을 위치 시킬 사각형 표현 완료

어색한 css 수정 완료

스크린샷 2024-04-20 20-23-05
스크린샷 2024-04-20 20-22-54

@wjsquddn
Copy link
Collaborator Author

###버튼 구현

1. 버튼 디자인 완료

2. 호버 시에 버튼 식으로 움직이도록 애니메이션 개발

3. 버튼 클릭시에 완전히 버튼이 들어가도록 애니메이션 개발

4. 배경화면 색 바뀌도록 개발 완료

스크린샷 2024-04-22 14-13-40
스크린샷 2024-04-22 14-13-36

@wjsquddn
Copy link
Collaborator Author

정보 수집 모달창 구현

커스텀 버튼 구현

버튼 클릭시 라우팅 구현

스크린샷 2024-04-29 14-39-03

@wjsquddn
Copy link
Collaborator Author

wjsquddn commented May 5, 2024

2024.05.05.15.24.26.webm
  • 로딩창 구현
  • css 수정 사항 필요시 댓글 남겨 주세요

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

No branches or pull requests

1 participant