내일배움캠프 Day 5

내일배움캠프에 입단하고 첫주차에 준비한 미니프로젝트를 발표하는 날이다.

 

우리팀은 팀원분 모두 열심히 해주셔서 나름 잘 준비 한것 같았다. 

 

다른팀분들도 다들 열심히 노력하신것 같은게 멋진 퍼포먼스를 보여주었다. 

 

다른분들의 프로젝트를 보면서  가장 관심이 갔던것은  CSS grid 였다.

 

CSS grid

Flex는 가로 세로로 1차원 적으로 아이템 배치를 도와주지만 (wrap이라는 속성을 사용하면 한줄 아이템이 넘치는경우 줄바꿈 된다고함)

grid는 2차원적으로가로 세로를 배치 할 수 있다고 한다. 

 

grid 사용 방법

부모 컨테이너 지정 

display:grid

grid-template-columms

grid-template-rows

grid-template-areas

grid-gap