개인과제 해설

grid

grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

이번 개인과제때 나는 colums를 1fr씩 5개로 강제로 할당하여 코드를 작성했다.
반면 해설강의에서는 좀 더 반응형에 가깝게 하는 방법을 배울 수 있었다.

grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));

이렇게 코드를 작성할 경우 브라우저 화면의 크기에 맞게 카드 갯수를 조절할 수 있다.

parser

html parser가 문서를 읽음 => parsing
파싱을 통하여 DOM트리를 생성 => DOM API로 javascript 파일에서 컨트롤이 가능해짐

semantic한 코드

header, h1 등 의미있는 코드를 써야 검색엔진이 분석을 잘함 => 노출상승 => 검색엔진최적화(SEO)