[1주차] 페이지네이션 - 최종 발표 및 Office hour 정리

[kangsinbeom]

📝 최종 발표 내용

강신범

</div>

강동욱

</div>

김수현

</div>

🔥 Office hour 내용 정리

• 캐시된 데이터를 가져올 때 화면 깜빡임이 보이는데 어떻게 처리를 하는지 궁금하다.(동욱님)

  api에서 불러오는 이미지 크기가 크기때문에 어쩔 수 없는 부분임.

• 이미지 최적화 어떤식으로 더 해야할 지 궁금하다.(동욱님)
  페이지네이션에서 고려해야 할 중요한 최적화 요소가 무엇이라고 생각하시나요?

  • prefetching
  • lazy loading
  • data 캐싱

• openAPI를 사용해서 이미지를 불러왔는데 이미지의 크기를 줄일 수 있을까요? 리사이징 부분에서 보통 서버에 저장되는 이미지의 크기를 줄이는 걸로 알고 있어서 데이터로 가져온 이미지의 크기를 줄이는 방법은 어떤게 있을까요? (Api 요청 속도 개선방법 - 수현님)

  보통 백엔드에서 이미지를 넘겨 줄 때 썸네일, 원본, 화질 좋은 버전, 화질 안 좋은 버전 등 여러 사이즈의 이미지를 제공하여 이미지 로딩 속도를 조절함.

  openAPI의 경우 이미지 사이즈를 조절할 수가 없음.

• 현재 커리큘럼 및 과제별 달성과제를 정했는데 좀 더 좋은 방식이 있거나 적용했으면 하는 최적화 요소가 있으면 개선 점을 말해주셨으면 좋겠다

  Nextjs 과제 2가지

  https://drive.google.com/file/d/1dKFzk21L9HbmgPujFyVPrdgVmJO0sdgc/view

  https://drive.google.com/file/d/1toh00h3wQHZTiTlNIPOh3YtbIBl-x3Xn/view