개인 프로젝트(HTML/CSS) 3차 미션

참고글 : https://velog.io/@xnelb013/JS-자바스크립트로-캐러셀Carousel구조-구현하기

캐러셀 구조

이미지나 카드와 같은 컨텐츠를 쉽게 탐색할 수 있도록 하는 UI 요소

HTML로 캐러셀 구조를 만들기 위해서는 아래와 같이 마크업해야한다.

<div class="container">
  <div class="carousel">
    <div class="slide">Slide 1</div>
    <div class="slide">Slide 2</div>
    <div class="slide">Slide 3</div>
  </div>
</div>

이런 구조를 캐러셀 구조라고 한다는 것을 알게 되었고 캐러셀 구조를 마크업하는 방법을 알게 되었다.

https://www.notion.so/HTML-9619c0fc198c481380096e3c6e1816f2?pvs=4#0052eab0fd9e4007b0d127a14e73a194

-> 노션 HTML학습 요약정리 바로가기
해당 블록은 엔티티 마크업 표 (특수문자 마크업

미션 3는 개인적으로 레이아웃이 좀 더 복잡해진 것 외에는 크게 막히는 부분은 없었다. 약간씩 어긋나는 부분들 때문에 레이아웃을 좀 더 많이 고민하게 됐던 미션이었던 것 같다.