CSS Grid강좌

CSS Grid강좌

제1강.  CSS Grid 강좌 소개

본문

CSS Grid는 지금까지 나온 CSS 기술중 가장 혁신적인 레이아웃 표준입니다. 


CSS Grid사양을 이용하면 쉽게 레이아웃을 기획할 수 있고, 양식, 갤러리 외에 원하는 위치에 요소 지정할 수 있습니다.


현재까지 나온 웹에 접근할 수 있는 다양한 미디어는 모두 사각형 형태를 띄고 있습니다.

혹 나중에 삼각형이나 원형의 미디어를 이용하는 때가 온다면 지금의 레이아웃 문제는 또 다른 상황이 되겠지만 지금까지는 이 사각형 형태의 미디어에 맞는 레이아웃 구성을 위해 다양한 레이아웃 솔루션을 찾아야 했습니다.


초창기 웹은 html 요소인 table 태그를 이용했습니다.

HTML5가 나오면서 html과 css가 분리되고 더이상 table로 레이아웃을 잡는 것은 중지되었습니다.

대신에 css에서 제공되는 레이아웃에 도움되는 속성들을 이용하게 되었습니다.

대표적인 것이 float, display, position, flexbox 같은 속성입니다.

그러나 레이아웃은 여전히 어려운 문제였습니다.

4f60d8beffec824813fba24bb14b4467_1516761555_3208.jpg
 

그래서 레이아웃에 도움이 되는 플러그인들이 많이 나타나게 되었습니다.

부트스트랩을 비롯한 수많은 CSS 프레임웍이 있습니다.

사각형 형태의 박스 레이아웃과 관련하여 많은 라이브러리가 그리드 모델을 도입해 왔습니다.


CSS Grid는 플러그인이 아닙니다. 정식 표준 CSS속성입니다.

레이아웃을 위해 더이상 프레임웍을 사용하지 않아도 됩니다.


지금 바로 CSS Grid를 배워야 할 때입니다.

CSS Grid의 놀랍고 혁신적인 모듈을 경험하십시오.


동영상 강좌는 기본 개념부터 다양한 예를 진행합니다.


4f60d8beffec824813fba24bb14b4467_1516761568_9432.jpg
 


댓글목록

등록된 댓글이 없습니다.