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

refactor: 프로젝트 생성 페이지 애니메이션 리팩토링 #294

Merged
merged 4 commits into from
Jun 18, 2024

Conversation

surinkwon
Copy link
Collaborator

🎟️ 태스크

프로젝트 생성 페이지 애니메이션 수정 및 휠 이벤트 적용

✅ 작업 내용

  • 프로젝트 생성 페이지 애니메이션 수정
  • 프로젝트 생성 페이지 휠 이벤트 적용
  • 프로젝트 카드 제목에 말줄임 적용

🖊️ 구체적인 작업

프로젝트 생성 페이지 리팩토링

  • 회원가입 페이지에 적용한 것처럼 프로젝트 생성 페이지 애니메이션도 css를 통해 실행되도록 수정했습니다.
  • ref를 사용할 만큼 무거운 페이지가 아니라 생각했기 때문에 더 확실히 관리하고자 사용자 입력을 ref가 아닌 state로 관리하도록 변경했습니다.
  • 프로젝트 생성 페이지에는 현재 텍스트 입력만 존재하기 때문에 입력하기 편하도록 각 단계가 되었을 때 focus 될 수 있게 했습니다.

surinkwon added 4 commits June 6, 2024 01:28
회원가입 페이지와 동일한 형식으로 애니메이션 및 데이터 처리 로직 수정
오류 없이 확실히 적용되도록 style에 애니메이션 margin 적용
text-ellipsis로 설정하고 overflow-hidden 설정해 프로젝트 제목이 길어져도 기존 height을 유지하도록 함
@surinkwon surinkwon merged commit 2b3793c into dev Jun 18, 2024
1 check passed
@surinkwon surinkwon deleted the refactor/create-project branch June 18, 2024 02:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant