HTML

요소

섹션

섹션은 제목을 가져야 한다.

CSS

멀티 컬럼

단을 나누는 디자인을 할 때 사용한다

• column-count
  => 지정한 값만큼 단을 나눈다
• column-width
  => 1개 단의 너비를 지정한다

  단축표기법
  columns
  => count와 width를 값으로 줄 수 있다

• column-gap
  => 단 사이의 간격을 조정한다
• column-rule
  => 단 사이의 구분선을 디자인한다
• column-span
  => 기본값은 none, all 값을 주면 단들이 병합된다
• column-fill
  => balance 값을 주면 단의 높이가 균형을 이루도록 해준다
• break-after
  => 페이지를 나눌 지점을 설정한다

클래스 모듈

프로젝트에서 공통적으로 사용될 수 있는 디자인 요소들은 만들어두고 갖다가 쓴다

grid

• grid-template-columns(rows)
  => repeat(반복할 수, 반복할 값)를 이용하여 쉽게 값을 줄 수 있다
• grid-template-areas
  => 배열할 요소들에 grid-area 속성의 값으로 이름을 부여하고
  => 부모 요소에 grid-template-areas 속성의 값으로 "" 안에 grid-area 속성에 줬던 이름을 원하는 개수만큼 넣어서 배열을 디자인한다
  => 한 칸을 비우고 싶을 경우 이름 대신 .을 적는다
• grid-area
  => 자식 요소에 이름을 부여하는 용도로 사용하거나, 부모 요소에 행과 열의 개수를 지정하는 단축 표기법으로 사용된다

GIT

삭제

• 마지막 commit을 취소하고 파일 삭제
  => git reset --hard HEAD^