나다이_꾸준히걷기

Doctype(DTD), HTML, HEAD, BODY DOCTYPE html> : 문서(페이지)의 HTML 버전을 지정 : DOCTYPE(Document Type Definition) 마크업 언어에서 문서 형식을 정의 : 웹 브라우저가 어떤 HTML 버전의 해석 방식으로 페이지를 이해하면 되는지를 알려준다 : HTML1~4, XHTML, HTML5(표준) : html 시작태그 : head 시작 태그 : head 종료 태그 : body 시작 태그 : body 종료태그 : html 종료태그 html 태그 : 문서의 '전체' 범위 HTML문서가 어디에서 시작하고, 어디에서 끝나는지 알려주는 역할 head 태그 : 문서의 '정보'를 나타내는 범위 웹 브라우저가 해석해야할 웹 페이지의 제목,설명, 사용할 파일 ..

VS Code 의 단축키와 공백 2로 만들기 -사이드바 열기 or 닫기 Ctrl + B 윈도우 Cmd + B 맥 -이름으로 파일 검색(파일이나 기호 탐색) Ctrl + P 윈도우 Cmd + P 맥 - 현재 탭 닫기 Ctrl + W 윈도우 Cmd + W 맥 - 찾기 Ctrl + F 윈도우 Cmd + F 맥 화살표 키를 누르면 - 찾기/바꾸기(대체) Ctrl + H 윈도우 Cmd + Alt(Opt) + F 맥 - 줄 위로 이동 Alt + UpArrow(윗화살표) 윈도우 Alt(Opt) + UpArrow(윗화살표) 맥 - 줄 아래로 이동 Alt + DownArrow(아래화살표) 윈도우 Alt(Opt) + DownArrow(아래화살표) 맥 - 위에 줄 복사 Alt + Shift + UpArrow(윗화살표) 윈도..

VS Code에서 브라우저에 출력하기 Live Server VS Code의 확장 기능중 하나인 Live Server. Live Server를 설치하고 .html 파일에서 우측 버튼을 눌러 Open with Live Server 버튼을 클릭하면 실행 가능하다. (※html 파일이 아닌 경우엔 동작하지 않으니 확인!!) 버튼 클릭 후 자동으로 브라우저가 실행되며, 태그 안에 작성한 내용들이 화면에 보이게 된다.

VS Code 에서 태그 이름 한 번에 변경하는 추가 기능 Auto Rename Tag 좌측 사이드바의 확장에서 Auto Rename Tag를 설치하고 이용한다. Auto Rename Tag를 설치하여 사용하면 VS Code에서 앞 혹은 뒤의 태그를 변경할떄 짝꿍 태그도 동시에 같이 변경이 된다. html 태그를 변경할때 유용한 기능.

VS Code에 설정해 놓은 정리된 코드 만들기 Beautify 사이드바의 확장에서 Beautify 검색하면 나온다. 설치 후 단축키를 Ctrl + Alt + l(알파벳 소문자 엘) 설정하고 입력하면 코드 자동 정리 실행