#4 웹디자인 그리드 시스템의 모든 것?! - 웹디자인 입문 강좌

오늘은 웹디자인 입문 강좌 네 번째 시간입니다. 웹 디자인의 가장 기초가 될 수 있는 그리드 시스템! 한 번 자세히 파헤쳐봅시다. 짧은 시간안에 많은 내용을 담아서 어려울 수 있지만, 이해가 갈때까지 반복해서 학습해보세요.
그리드 시스템에 핵심인 컨테이너(전체폭), 거터(단과 단 사이 간격), 컬럼 수, 마진에 대해 배우고 그리드 시스템의 허와 실을 저와 함께 알아봅시다. 초급자 분들이 실수하는 부분들도 다루고, 실제 코드로 예제를 통해 이해도를 높여봅시다.
혹시 스케치강좌 4번째 그리드 시스템에 대한 영상을 안보고 온 분들은 꼭 하단 영상을 먼저 시청하고 와주세요 : )

스케치 그리드 강좌 :    • #4 반응형 웹디자인을 위한 최적화된 그리드 만들기(UI 디자인 입...  
그리드 계산해주는 사이트 : http://gridcalculator.dk/

🌟예제 다운은 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.🌟

🚀 디자인베이스 멤버십 가입하면 다양한 고급 강좌와 예제 파일을 받아볼 수 있어요 🚀
┗    / @designbase  

누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 웹디자인 공부의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : )

☞ 디자인베이스 소개 : http://designbase.co.kr/about/
☞ 공식 웹사이트 : http://designbase.co.kr/
☞ 네이버블로그 : https://blog.naver.com/designbasekorea


*BGM 사용 출처

Track: Syn Cole - Gizmo [NCS Release]
Music provided by NoCopyrightSounds.
Watch:    • Syn Cole - Gizmo | House | NCS - Copy...  
Free Download / Stream: http://ncs.io/Gizmo

Track: NIVIRO ft. PollyAnna - Fast Lane [NCS Release]
Music provided by NoCopyrightSounds.
Watch:    • NIVIRO ft. PollyAnna - Fast Lane | Ho...  
Free Download / Stream: http://ncs.io/FastLaneYO