einere/homepage

Einere homepage

homepage's Issues

스타일 라이브러리 추가

• styled-components
• emotion (runtime css-in-js)
• tailwind
• linaria (zero-runtime css-in-js)

Next.js 공식 문서에 tailwind 가 있으므로, 테일윈드로 결정!

원 페이지 스크롤 적용하기

• 원 페이지 스크롤 구현하기
• 원 페이지 스크롤 도입에 따라, 스크롤 이벤트 타겟 변경하기
• 스크롤 이벤트 타겟 변경에 따라, 스크롤 퍼센트 계산 로직 수정하기

스크롤 인디케이터

show 3D model properly

gltf 파일은 그 특성상, uri를 이용해 다른 파일을 링크하는 방식을 사용한다.
이 경우, google firestore 에 업로드 시, 토큰 값 및 url 관련 이슈로 인해 파일을 제대로 로드하지 못하는 이슈가 발생.
이를 해결하기 위해, 각 uri를 base64 로 인코딩해서 임베딩 하여 해결할 수 있다.
How to get the link to raw data of a file on Cloud Storage?

스티키 헤더구현하기

• 로고 이미지 (home 버튼)
• 테마 버튼 (컬러 시스템 이용)

자기소개 화면

• 닉네임 + 👋 (intersection observer로 이모지 흔들리게?)
• 한줄 설명
• 각종 아이콘 링크
  • 이메일
  • 깃헙
  • 블로그
  • 노션 레주메

컬러 시스템 구축

HSL 기반 컬러 시스템을 구축하자.