오늘 배운 내용

1.Grid

그리드 컨테이너 : 그리드의 가장 바깥영역

그리드 아이템 : 그리드 컨테이너의 자식 요소들

그리드 트랙 : 그리드의 행(row) 또는 열(column)

그리드 셀 : 그리드의 한 칸 (개념적인 정의)

그리드 라인 : 그리드 셀을 구분하는 선

그리드 넘버 : 그리드 라인의 각 번호

그리드 갭 : 그리드 셀 사이의 간격

그리드 에어리어 : 그리드 셀의 집합

2. Grid row / column

1) template

grid-template-columns : 열의 넓이를 설정

grid-template-rows : 행의 높이를 설정

repeat( 적용할 트랙의 갯수, 반복할 수치 ) 함수를 이용하면 그리드 트랙 별 수치 반복을 설정 할 수 있습니다.