CSS 헷갈리는 개념 정리 (헷갈리는 기호 사용법 정리)

접근성을 높이기 위해 중요한 규칙:

• 버튼에는 항상 텍스트를 포함:

• 텍스트는 스크린 리더 사용자에게 중요한 정보 제공.

• 이미지에 대체 텍스트(alt 속성) 추가

 

* CSS로 접근성을 위한 스타일링

CSS로 이미지를 사용해 텍스트를 숨기는 방법:

• 스크린 리더에서 텍스트를 읽도록 유지하되 화면에서 숨김 처리.

• “blind” 스타일링 예제:

.blind {
  position: absolute; /* 화면에서 제거 */
  width: 1px;
  height: 1px;
  overflow: hidden; /* 내용 숨김 */
  clip: rect(0, 0, 0, 0); /* 브라우저에 잘리지 않도록 */
  white-space: nowrap; /* 줄바꿈 방지 */
}

 

* VS Code에서 터미널 사용법

터미널 단축키:

• macOS: 커멘드(⌘) + J

• Windows/Linux: Ctrl + J

 

Node.js 버전 확인:

• VS Code 터미널에서 다음 명령어 입력: node -v

• Node.js가 설치되어 있으면 버전 번호 출력. 예: v16.13.0

 

 

헷갈리는 용어