<aside> 💡

피그마 바로가기 👉 CSS&Javascript 마스터

</aside>

기본 요구사항

• [ ] CSS: 일기목록
  • [ ] 일기 사진 object-fit 으로 여백 잘라내주세요.
• [ ] CSS: 사진목록
  • [ ] 강아지 사진 object-fit 으로 여백 잘라내주세요.
  • [ ] 강아지 사진 비율에 따른 필터를 만들어주세요.
    • [ ] 기본형: 강아지 사진 aspect-ratio 기본 비율 완성하여주세요.(1:1)
    • [ ] 가로형: 강아지 사진 aspect-ratio 가로 비율 완성하여주세요.(4:3)
    • [ ] 세로형: 강아지 사진 aspect-ratio 세로 비율 완성하여주세요.(3:4)
  • [ ] 강아지 사진 그라데이션 스켈레톤 이미지 만들어주세요.
• [ ] JS: 사진목록
  • [ ] fetch API로 강아지 이미지 불러와주세요.(https://dog.ceo/dog-api/)
    • [ ] 이미지는 10개 까지 불러와주세요.(10개 까지 불러오는 주소는 해당 홈페이지에서 찾을 수 있습니다!)
  • [ ] 강아지 사진을 불러오고 로딩이 되는 동안, 스켈레톤이 보이도록 적용해주세요.