MENUS
Given's Portfolio
loading
Page out

PORTFOLIO Ver.1

Category:Design & Development
Type:Personal
Year:2023
bn-my-works-app-2023
Image of PORTFOLIO Ver.1

기술 스택: Next.js, TypeScript, firebase, Styled-component, React-Query


🔥 필수 기능(우선 구현)

  • 메인페이지(homepage), Works, Contact 페이지 구성
  • 테마변경 기능 구현
  • 인터렉티브한 효과 많이 넣기
  • Firebase 연동 API 구현
  • contact → email 보내기 구현, nodeMailer 사용

경험

Styled-component가 Next 같은 SSR에서 오류가 발생.
Server style sheet 방법을 Stack-overflow에서 찾음.
Canvas를 활용한 3D 이펙트 react에서도 구현되도록 변경