box model?
class나 함수를 작성할 때 너무 큰 단위로 나누지 말고 작은 기능 단위로 나누어서 micro 서비스가 가능하도록 하는 것이 좋다.
box는 사용자에게는 보여지지 않는 태그이며 item은 사용자에게 보여지는 태그이다.
태그들은 block level과 inline level 2가지로 나눌 수 있다.
block은 한 줄에 하나를 차지, inline은 공간이 허용하면 옆으로 배치가 가능하다.
예를 들어 <b></b>, <span></span>은 inline level이고, <div></div>는 block level이다.
웹 페이지를 제작하기 전에 아래 사진과 같이 구역을 나누어서 소스를 작성해야 함.
사진 출처: https://www.youtube.com/watch?v=OoA70D2TE0A&list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y&index=6