내일배움캠프 Day4

CSS 란?

HTML 을 꾸며준다고 하는데 

이쁘게 만들어 줄 뿐만 아니라 웹페이지에 들어가는 요소의 위치를 정해줄 수 도 있다. 

 

FlexBox

CSS에는 다양한 기능이 있지만 이중 FlexBox는 매우 대단하다... 

FlexBox는  박스와 아이템들을 행 또는 열을 자유자제로 바꿔주는 역할을 한다. 

예를 들어 박스의 크기가 커지면 각각의 아이템들이 어떤식으로 커지는지

박스가 작아지면 아이템들이 어떻게 작아지는지 자유롭게 정의 할 수 있고 

레이아웃을 쉽게 만들 수 있다. 

 

이전에는 position , float , table 같은 녀석들을 사용 했지만 

복잡하고 시간도 많이 소요 되고 또한 구현하는데 한계가 있었다. 

그러나 CSS의 발달에 따라 Flexbox 가 등장하면서 위 문단 처럼 멋진 기능을 구현할 수 있게 되었다. 

 

flex box에 대해 좀 더 자세히 알고 싶으면 아래 유튜브 영상을 참고하기를 추천한다. 

 

https://www.youtube.com/watch?v=7neASrWEFEM&list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y&index=9