29일차

이번 주말동안은 클론 코딩 미션을 완료하는 것과 지난 주 궁금했지만 찾아보지 못했던 내용을 정리하는 것을 목표로 공부를 해보려고 한다.

정리하기

오늘 생긴 궁금증

• 자바스크립트 애니메이션
  • requestAnimationFrame 활용하는 방법
• "size exceeds the recommended limit (244 KiB)"
• 이미지 배치 유형의 여러가지 방식
• 더 나은 개발자로 만들어주는 8가지 자바스크립트 트립
• 요소쌓임 순서

요새 클론 코딩을 하며 계속해서 진도를 나가지를 못하고 있다. 😂

이유는 ✅이걸 이렇게 마크업 해도 괜찮을까? 가능한 걸까? 그렇게 한 마크업이 있나? 찾아보다가 못찾고 기존 방식으로 마크업하거나,

✅이렇게 ul태그 하위의 li태그들을 작성할 때 이미지와 이미지에 부합하는 설명을 어떻게 가져와서 뿌리는거지? 만약 외부에서 가져오는 게 아니라 폴더 내부의 이미지 파일들을 순서대로 뿌리는 경우 자바스크립트로 구현을 할 수 있을까? (조금만 더 생각해보면 결국 외부에서 가져왔어야하기에 이렇게 생각하는게 비효율적이었다..)

등 도무지 진도를 나가지 못하고 구글링을 하다 하루가 가버린다😂

또다시 궁금증에 빠져 헤메이고 있는데, 이번에는 이미지 태그를 사용할 때 figure태그와 figcaption를 사용해 마크업을 하는 것이 좋다는 이야기에 혹해,,

이런 list를 배치할 때 figure태그와 figcaption을 써서 배치를 한다면 (굳이,,!!😂) figcaption안에 span.product-type, span.product-desc, span.product-price를 넣어 작성을 해도 되는가? 이다.

아무래도 웹표준이라는 것이 명확하지 않다보니 이런 마크업이 올바른 마크업인가? 효율적인 마크업인가?를 정의내리는 것이 힘든 것 같다.😵‍💫