HELLO :3 IM RESHUR

VScode : VSCODE Extension 추천 (22.08기준) Live Server html 혹은 CSS를 작성했을때 별도의 새로고침없이 바로 확인할수 있게 도와주는 라이브서버 (liveserver) 확장자 Live Server - Visual Studio Marketplace Extension for Visual Studio Code - Launch a development local Server with live reload feature for static & dynamic pages marketplace.visualstudio.com Auto Rename Tag 시작 태그를 수정할때 자동으로 종료태그도 함께 수정해주는 확장자 Auto Rename Tag - Visual Studio Mark..

HTML : html 기본 틀 쉽게 만들기 html을 작성하려고 하면 일일이 수기로 head, title, body 등 태그를 입력해야 하지만, VScode 같은 웹에디터를 사용하면 직접 입력하지 않아도 단축키를 통해 손쉽게 작성할 수 있다. 작성하실 html에서 !를 입력 후 Tap혹은 Enter를 누르면 VScode에 등록되어있던 기본 html틀이 자동으로 입력된다. html lang이 en으로 되어있으니 한글이 들어가는 콘텐츠를 만들 경우 lang을 ko로 바꿔주면 된다. ! 쉬운 방법이지만 해당 검색어로 많이들 찾으셔서 올려봅니다. 2022.04.12 - [TIL/HTML] - HTML : HTML문서의 구조 HTML : HTML문서의 구조 HTML : HTML 문서의 구조 Document : 웹..

자주 사용하는 단축키 ! + enter or tab : html의 기본 틀을 불러옴 Cmd + W : 현재 창 닫기 Cmd + shift + T : 닫은 창 다시 열기 Cmd + B : 사이드바 토글 Cmd + shift + E : 사이드바 - 검색 Cmd + shitf + F : 사이드바 - 전체 검색 ( 전체 파일 중에서 원하는 code를 찾을 수 있음) Cmd + + : 에디터 확대 Cmd + - : 에디터 축소 소스코드 편집 Tab / Cmd + ] : 들여 쓰기 Shift + tab / Cmd + [ : 내어 쓰기 Cmd + enter : 아래에 행 삽입 ( 코드를 쓰는 중간에 사용할 경우 위치 상관없이 바로 아래 행에 삽입됨 ) Cmd + Shift + enter : 위에 행 삽입( 코드를 쓰..