Code Habit

vscode를 사용하면서 유용한 단축키를 정리해 두려한다. 작업 전/후 커서 이동 : Alt + 왼/오른 ( 방향키 ) 한 단어 씩 이동 : Ctrl + 왼/오른 ( 방향키 ) 주석 : Ctrl + K + C , Ctrl + / 주석 풀기 : Ctrl + K + U 자동 정렬 : Shift + Alt + F / 드래그 후 Ctrl + K + F 해당 함수 정의문으로 이동 : F12 / Ctrl + Click 문단 중간에 커서 내리기 : Ctrl + Enter 문단 중간에 문장 내리기 : Ctrl + Shift + Enter 찾기 : Ctrl + F 바꾸기 : Ctrl + H 라인 찾기 : Ctrl + G 한줄 삭제 : Shift + Del / Ctrl + X 한줄 이동 : Alt + 위/아래 ( 방향키 ..

VSCode로 html 형식의 파일을 만들고 "!" 를 입력하면 자동으로 html 코드 골격이 완성되는데 데스크탑으로 할때 잘 되던게 노트북으로 하니 잘 안됬다. emmet abbreviation 은 VSCode에 기본으로 내장되어 있는 기능이다. 혹시나 해서 관련 확장 프로그램을 찾아보고 VSCode 버전을 비교해봐도 둘다 최신버전이었다. 검색해보니 VSCode 오른쪽 하단에 위치한 언어모드가 'Django HTML'로 되어 있던게 문제였다. 이를 'HTML'로 변경하면 아래와 같이 자동완성 기능이 잘 동작한다.

새로 파일을 만들고 HTML 태그 자동완성 기능을 사용하려는데 안되는 경우가 있다. 이는 해당 문서의 언어설정이 잘 못된 것으로 이를 HTML형식으로 변경해야 한다. 이렇게 문서 형식을 HTML로 변경하면 태그 자동완성이 잘 되는 것을 확인할 수 있을 것이다.