feat-errorLoading: lottie 적용 & not-found & loading 적용

[ABizCho]

@hongregii
해당 PR은 추가된 코드의 양이 적고 로직이랄게 없어서 가볍게 확인해주시면 될 것 같아요!

적용 결과

문서, 관련 참조

관련 이슈 - 로띠, 에러, 로딩 적용 제안: #57

[Next.js] 13.4버전 App라우터 기반, 로딩 공식문서 정리

[Next.js] 13.4버전 App라우터 기반, 에러페이지 공식문서 정리

---

feat-lottie: lottie-react 의존성 추가, lottie 컴포 생성 등 - lottie-react 의존성을 추가

• ErrorLottie, LoadingLottie 소스 및 컴포넌트 구현하였습니다 (use client - csr)

feat-loading: global-error & not-found 파일 추가

• not-found파일, global-error파일 모두 Next의 예약 파일명, 즉 컨벤션입니다!
• 공식문서는 읽어봤는데 global-error.js 및 error.js파일에 대해서는 아직 어떤걸 해주는지 감이 잘 안오네요.. 일단 파일은 만들어놨지만 오프에서 함께 용례학습 및 적용고민 해주시면 감사하겠습니다!

feat-errorLoading: not-found 페이지 스타일 수정 및 관련 부수작업

• Oswald 폰트 추가 등
• 루트 not-found 페이지 스타일 수정

feat-errorLoading : App루트레벨 loading.tsx 파일 추가 - 로딩 컴포넌트 적용

• 루트 레벨에서 모든 로딩에 대해 적용되는 loading.tsx파일을 추가했습니다. (컨벤션입니다!)
• 별 다른 스타일링 없이 기존의 LoadingLottie를 활용했습니다.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ganoverflow	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 10, 2023 7:43am
ganoverflow-front	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 10, 2023 7:43am