'flexbox'에 해당되는 글 1건

  1. 2018.07.02 [HTML] CSS3기능인 FLEXBOX의 개념과 사용법에 대해...

1. FLEXBOX란 무엇인가?


레이아웃이란, 엘리먼트들의 크기나 위치등을 배치하는 것이다. 

- 레이아웃을 쉽게 작성하기 위해 사용하는 도구.

- 이전까지는 레이아웃이 효과적이지 않았다.


- 예전에는, 표(Table)을 이용해서 레이아웃을 잡았는데 큰 문제점이 있었다.

- 표 = 구조화된 정보를 표현하기 위한 용도인데, 레이아웃으로 사용하

- 변경 및 유지 보수가 쉽지 않아 표로 레이아웃을 

- position, float등을 이용하여 HTML내 요소들을 배치해왔다. 


FLEX를 사용하기 위해서는 


<container>

<item></item>

<item></item>

<item></item>

</container>


2. FLEXBOX를 사용하는 방법



https://opentutorials.org/course/2418/13526



Flexbox관련해서 게임을 통해 실습해볼 수 있는 사이트가 있다.


이름하여 

Posted by sungho88
,