빔캠프

빔캠프 종찬님 특강 - .wrapper는 어디에 쓰는고?

이렇게 생긴 웹의 레이아웃을 짠다고 하면, 우리는 크게 위의 사진영역 하나, 그리고 아래의 메인 컨테이너 영역 하나 이렇게 나누게 된다는 것은 어렵지 않게 예상해 볼 수 있다. 아래와 같이, 위 헤더영역 아래 컨텐츠영역으로 나눈 다음, 차례차례 윗영역을 작업하고, 아래 영역을 작업하는 것이다. 그런데 종찬님은 여기서 하나의 큰 레이아웃을 더 보셨다. 바로 윗영역이나 아래영역이나 공통적으로 존재하는, 중간 컨텐츠 영역이다. 종찬님은 이 컨텐츠들을 한번에 묶어 클래스명 .wrapper로 하나의 요소 안에 넣어주시곤 하는데, 이를 하는 이유는 직관적이고 명시적으로 우리가 작업할 공간이 정해진다. 공통된 위치를 정해줌으로써, 우리는 윗영역과 아랫영역의 레이아웃을 한번에 짤 수 있고 나중에 유지보수도 편해진다. ..