웹 표준과 웹 접근성,호환성>
- 웹표준은 빨간불 파란불 마냥, 표준적인 모습을 정한것.
- 웹접근성은 장애,비장애인 모두 웹사이트를 이용할 수 있게 하는 방식.
- 웹 호환성은 웹브라우저 버전,종류와 관계없는 웹사이트 접근
웹표준 준수를 통해 브라우저 호환성 확보
html 소개>
html5에서는 모두 소문자로 작성하는 것을 권장
nesting 넥스팅 : 요소의 중첩
head 안의 title이 웹페이지 창의 이름.
같은 형태의 다른 요소를 안에 포함가능.(블록>블록,인라인>인라인)
vscode 확장프로그램>
- auto rename tag = 앞에 태그 수정하면 닫는 태그도 같이 수정됨.
- live server = 웹 새로고침 안해도 자동 반영
- prettier
format on save 를 설정에 검색해서 체크(파일 저장시 서식을 지정합니다...
★★vscode 단축키(맥,윈도우 다름)
현재창 닫기 : 컨트롤w
닫은 창 다시 열기 : 컨트롤 시프트 t
사이드바 토글 : 컨트롤 b
사이드바-탐색기 : 컨트롤 시프트 e
사이드바-전체검색 : 컨트롤 시프트 f
에디터 확대,축소 : 컨트롤 + / -
★★소스코드 편집 단축키
들여쓰기 : tab 혹은 컨트롤 ]
내어 쓰기 : 시프트 tab 혹은 컨트롤 [
아래에 행 삽입 : 컨트롤 엔터
위에 행 삽입 : 컨트롤 시프트 엔터
현재 행 이동 : 알트 위아래방향키
현재 행 복사 : 알트 시프트 위아래방향키
현재 행 삭제 : 컨트롤 시프트 k
주석 토글 : 컨트롤 /
느낀점 : 몰랐던 단축키도 발견하고 이걸 습과 들여서 속도를 늘려야 겠다
개발자_프론트엔드_꼬리에 꼬리를 무는 호기심