자바강사 낙자쌤

개발할 때 지루함을 덜어주는 vscode 확장 프로그램 power mode 설치 및 설정법에 대해 알아보겠습니다. 설치 후 설정을 해야 동작한다. 위에서 톱니바퀴를 클릭한 후 Extension Settings 를 클릭합니다. Powermode : Enabled 항목을 체크한다. 그래야 효과가 적용됩니다. Powermode : Enable Shake 항목은 체크 해제합니다. 이부분이 체크되어 있으면 에디터 전체가 흔들려서 눈이 피로합니다. Presets 에서 파워모드의 효과를 선택할 수 있습니다.

Explorer 창에서 폴더나 파일을 좀 더 세련된 아이콘으로 표현해 줍니다. 또한 Depth도 조금 더 깊어집니다. 적용전 적용후 적용이 안된다면 메뉴 > Preferences > File icon Theme 선택창에서 “Material Icon Theme”를 선택합니다. 그럼 적용된것을 볼 수 있습니다.

코드 작성시 메서드(함수)를 많이 생성하게 되는데 블럭으로 지정된 중괄호 부분을 컬러풀하게 표시해줍니다. 설치 전 코드 설치 후 코드

코드 작성시 중괄호나 더블쿼테이션(쌍따옴표)을 tab를 눌러 탈출할 수 있습니다.

지금 작성중인 HTML 파일을 로컬 웹서버로 즉시 실행할 수 있습니다. 실행은 편집기에서 우클릭 후 vscode-preview-server 를 클릭한다. 만약 포트충돌로 정상적으로 실행되지 않는다면 톱니바퀴를 눌러 메뉴에서 Extension Setting으로 들어갑니다. 설정 메뉴에서 포트번호를 변경합니다. 포트번호는 0부터 65535까지의 16비트 범위의 숫자로 되어 있습니다만 대부분 4자리로 사용하므로 9999이하의 정수를 선택하시면 됩니다.

각 프로그램들은 자신만에 단축키가 존재합니다. MS 프로그램도 역시 마찬가지입니다. 그런데 사실 단축키 맵핑은 비주얼 스튜디오 쪽이 좀 더 편하지만 우리가 외운 단축키는 이클립스가 주도한게 많습니다. 그래서 VS코드에서 이클립스 단축키를 그대로 사용할수 있는 확장프로그램을 설치해보겠습니다. 확장프로그램에서 Eclipse Keymap 을 검색한 후 install을 클릭 합니다 json 파일 하나만 바꾸기 때문에 설치가 매우 빠릅니다. 설치 후 Eclipse에서 사용하던 단축키를 사용해보세요. 새로운 도구에 익숙해지는것도 좋지만 구관이 명관입니다. ^^ 끝~~

하단에 창이 없을경우 메뉴 > Terminal > New Terminal 을 클릭합니다. VS Code에서 터미널 작업을 위해 창을 열면 아래와 같이 PowerShell이 디폴트로 설정되어 있습니다. 설정으로 들어갑니다. 검색창에 “shell window”라고 입력합니다. 그러면 터미널 설정 부분에서 Command Prompt 를 선택하면 됩니다. 설정이 완료되었다면 VS code를 재시작 합니다. 다시 한번 터미널을 실행하면 cmd로 설정되어 있는것을 볼 수 있습니다.

최근 개발자들은 VS code를 많이 사용합니다. 사실 저도 학원에서 강의하면서 과정의 절반은 VS-Code를 사용하는것 같네요. 사용하다보면 단축키가 제대로 안되거나해서 초기화를 하고 싶은 경우가 있습니다. 하지만 단순히 프로그램을 삭제하는 것 만으로는 초기화를 할 수 없습니다. 이유는 설정값들이 사용자 폴더에 그대로 남아있기 때문입니다. 내가 직접 한 설정이라면 변경할 수 있겠지만, 여러가지 확장 프로그램의 설치를 통해 변경된 설정은 찾기도 힘들고 변경하기도 힘들죠. 그래서 이럴때는 완전히 초기화 시켜주는것이 좋습니다. 우선 사용자 폴더로 이동합니다. 윈도우 탐색기에서는 사용자로 나오지만 실제 경로는 Users입니다. 아래 2개의 경로를 찾아 폴더를 삭제합니다. C:\Users\user\.vscode..