<aside> 🎉 어느덧 프로젝트가 마무리가 되어가는데, 개발이 끝난다고 해서 모든 작업이 끝나는 것은 아니에요! 현업에서는 개발 완료 후에도 리팩토링을 거쳐 코드를 최적화하고 개선하는 작업을 계속하게 됩니다.

</aside>

3단계에서는 실제 데이터를 사용해서 완성도를 높히고, 최적화 작업으로 개선해 보겠습니다.

요구 사항

공통 구현

• 운영서버(YOUTUBVE)인지 또는 개발서버(json 데이터)에 따라서 실제 youtube API를 사용해서 만들어주세요. (환경변수에 따라 분기처리 IS_DEV , IS_YOUTUBE_API)
• supabase 또한 비슷한 방식으로 처리해주세요. DEV DB와 PROD DB를 나누어주세요.
• 코드 리팩토링를 진행해주세요.

필수 구현

• 사용자에게 UX를 개선하는 로딩 화면/에러 화면을 보여주세요. 배민서비스 참고
• 사용자는 모든 데이터를 한번에 보는게 아니라, 스크롤을 할 때마다 데이터를 볼 수 있습니다.
  • 대신, 이 라이브러리를 사용하지 않고 직접 구현합니다.
• 사용자가 보는 화면에서만 이미지가 로드 되어야 합니다.
  • 스크롤 마다 보여지는 새 영역에서만 이미지가 로드됩니다.

마감 기한

• 12월 01일 오후 12시까지 제출해주세요.
• 태그 v3.0.0로 푸시해주세요.
• 깃허브 페이지에서 배포
• 3단계에서 사용한 환경변수의 키와 값을 DM으로 전달해주세요.