HTML

웹접근성

• 모바일 세로모드
  => portrait모드
• 모바일 가로모드
  => landscape모드

요소

폼

• action 속성에 전송할 주소를 적는다
• 민감한 개인정보는 method에 POST방식을 사용한다
  => 기본값은 GET방식

CSS

FONT

• 기본값은 16px
• em
  => 상속값 * em값
• rem
  => 루트값 * rem값
• line-height
  => 줄간격
  => 넘버단위로 쓰는 것이 안전하다

숨김 텍스트 만들기

시각적으로는 보이지 않지만 접근성을 고려할 때 사용한다

• position: absolute; !important
  => 화면에서 띄우고, important로 다른 선언보다 우선하도록 한다
• width와 height 값을 줄인다
• overflow: hidden;
  => 박스보다 넘치는 내용물을 숨긴다
• clip-path: polygon(0 0, 0 0, 0 0);
  => 박스를 숨긴다
• display: none;(= hidden 논리속성) 방식으로 숨기면 screen reader로 읽히지 않는다.

선택자

• [속성값]
  => 속성 선택자로 호출

가상 클래스 선택자

• :root
  => 최상위 요소에 공통으로 사용될 속성들을 변수로 설정하면 여러 클래스에서 사용할 때 용이하다.

BOX

box-sizing

• content-box 방식
  => padding, border의 크기가 박스의 크기에 추가된다
• border-box 방식
  => padding, border의 크기가 박스의 크기에 포함된다

GIT

삭제

• git rm -r 폴더/파일명
  => 반복하면서 하위 디렉토리까지 모두 지우기
  => 앞에 git 명령어를 넣으면 커밋해서 삭제 기록이 남는다