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

Feature/#218 인트로 스크린 로티애니메이션 및 pretendard 폰트적용 #225

Merged

Conversation

hyonun321
Copy link
Collaborator

@hyonun321 hyonun321 commented Nov 27, 2024

📝 변경 사항

234.mp4
  • 인트로 스크린에 자작한 로티애니메이션 아이콘을 추가했습니다.

🔍 변경 사항 설명

  • 딱히 코드 변경사항은없습니다만, Zustand로 기기의 light모드, dark모드를 감지해 처음에 보이는 녹타 아이콘을 다르게 표시할 수 있도록 개선할 예정입니다.

🙏 질문 사항

  • 추가 건의 받습니다!

📷 스크린샷 (선택)

  • UI 변경이 있는 경우 스크린샷이나 GIF를 첨부합니다.

✅ 작성자 체크리스트

  • Self-review: 코드가 스스로 검토됨
  • Unit tests 추가 또는 수정
  • 로컬에서 모든 기능이 정상 작동함
  • 린터 및 포맷터로 코드 정리됨
  • 의존성 업데이트 확인
  • 문서 업데이트 또는 주석 추가 (필요 시)

https://abrupt-feta-9a9.notion.site/cb9b795665e940779ea2e57e1fe81776?pvs=4

@hyonun321 hyonun321 self-assigned this Nov 27, 2024
@hyonun321 hyonun321 added FE 프론트엔드 작업 Design 사용자 UI 레이아웃 디자인 및 CSS 스타일 변경 labels Nov 27, 2024
@hyonun321 hyonun321 linked an issue Nov 27, 2024 that may be closed by this pull request
1 task
@hyonun321 hyonun321 changed the title Feature/#218 인트로 스크린 로티애니메이션 적용 Feature/#218 인트로 스크린 로티애니메이션 및 pretendard 폰트적용 Nov 27, 2024
@hyonun321 hyonun321 linked an issue Nov 27, 2024 that may be closed by this pull request
1 task
// return () => mediaQuery.removeEventListener('change', handleChange);
// }, []);

// const currentIcon = (isDarkMode ?? isSystemDark) ? noctaNightIcon : noctaDayIcon;
Copy link
Member

Choose a reason for hiding this comment

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

오옹 미리 짜셨군요! 👍

// 개발 중에는 임시로 딜레이를 줘서 스플래시 화면 확인
await new Promise((resolve) => setTimeout(resolve, 2000));
// 첫 방문이 아니면 IntroScreen 시간을 0으로 설정
const IntroWaitTime = isFirstVisit ? 4700 : 0;
Copy link
Member

Choose a reason for hiding this comment

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

이거 왜 4700초인가요!?? 의미가 있나요?? 그냥 궁금합니다!!

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

애니메이션이 끝나고 화면이 적절히 넘어가는 시간이라 4.7초입니다!

Copy link
Member

@pipisebastian pipisebastian left a comment

Choose a reason for hiding this comment

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

수고하셨습니다!! 아이콘 너무 이쁘네요!!

Copy link
Collaborator

@minjungw00 minjungw00 left a comment

Choose a reason for hiding this comment

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

수고많으셨습니다!

@github-actions github-actions bot merged commit 7d38ff5 into dev Nov 28, 2024
7 checks passed
Copy link
Collaborator

@Ludovico7 Ludovico7 left a comment

Choose a reason for hiding this comment

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

고생하셨습니다!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Design 사용자 UI 레이아웃 디자인 및 CSS 스타일 변경 FE 프론트엔드 작업
Projects
None yet
Development

Successfully merging this pull request may close these issues.

폰트추가 인트로 스크린 로티애니메이션 적용
4 participants