21.01.15 프로젝트#1 레이아웃

반응형 레이아웃을 짜다가 어제(14일) 하루를 날리고 깨달은 것이 하나 있다.

급하다고 야매로 하다가는 언젠가는 무너질 때가 있고 이것이 일회용이 될 수 밖에 없다는 것이다. 

div 지옥에서 기준이 없는 %와 position 과의 싸움 끝에 그냥 내려놓고 레이아웃 짜는 법부터 익혔다. 

 

레이아웃은 가변 그리드로 설정했다.

구성을 훨씬 깔끔하게 짤 수 있고 컨텐츠를 하나 넣을 때마다 달라지는 현상이 적어

유지 보수 차원에서 아주 좋은 선택이었다!

 

그리고 background-color가 영역을 한눈에 보기에 굉장히 유용한 녀석인 것을 깨달았다. 

아래는 header와 main menu, welcome words, link tab으로 구성한 초안이다. 

지금은 여기서 발전하여 스크롤을 많이 내릴 수 있게 되었다. 

 

제발 멘탈 잡고 침착하게 진행하자