비주얼 스튜디오 코드 


안녕하세요.
고코더 입니다.


 1. 가끔 비주얼 스튜디오 코드에 뜨는 이 팝업 익숙 하시죠? 물런 대충 읽어봐도 설문조사 팝업이지만 초보자들에게는 이 메세지 하나도 어떤 버튼을 눌러야 할지 고민되는 경우가 있는거 같습니다. 설문저사를 하고 싶으면 "Take Survey'를 클릭합니다. 그리고 다시는 이창을 보기 싫다면  "Don't Show Again"을 클릭합니다.
Do you mind taking a quick feedback survey


 2. 설문조사에 응하면 링크로 보내게 됩니다. OPEN 을 클릭합니다.



 3. 그럼 비주얼 스튜디오 코드 설문조사가 나타납니다. 아래에 방법에 응하면 됩니다. 10점에 가까울수록 긍정입니다.
번역을 좀 해드리자면

1. Visual Studio Code를 추천 하고 싶은시간요?
2. Visual Studio Code에 대해 어느 정도 만족하십니까?
3. 다음 영역 별로 VS Code에 대해 얼마나 만족하십니까?
4. 각 기능에 대해 얼마나 만족 하십니까?




마무리


공짜로 사용하는거니 설문조사 정도야



댓글을 달아 주세요


visual studio code 초기 설정으로 돌리기 


안녕하세요.
고코더 입니다.


비주얼 스튜디오 코드를 쓰다보면 초기화된 상태로 돌리고 싶을때가 있습니다. 하지만 단순히 프로그램을 삭제하는 방법으로는 기존 설정이 그대로 남아 있게 됩니다.
그래서 몇가지 방법으로 환경설정 파일을 정리해줘야 합니다.

 1. 우선 자신의 컴퓨터에 아래 폴더로 이동합니다. user는 자신의 사용자 이름입니다. 그럼 아래와 같이 .vscode라는 폴덕가 나타나는데 이걸 지우면 됩니다.
C:\Users\user\.vscode


 2. 다음은 AppData에서 Code라는 폴더까지 진입해서 안에 있는 내용을 모두 삭제합니다.
C:\Users\user\AppData\Roaming\Code



 3. 그 다음 프로그램을 삭제하고 다시 설치를 진행하면 초기화가 완료 됩니다. 

`


마무리


요즘 config 폴더를 따로 관리하는 프로그램이 많네요.


댓글을 달아 주세요


visual studio code reset


안녕하세요.
고코더 입니다.


비주얼 스튜디어 코드는 재설치를 하여도 이전 설정이 그대로 남아있습니다.
메뉴에도 초기값으로 되돌리기도 없죠. 
코드를 완벽히 지우고 설치하면 초기상태로 돌아가게 됩니다.



설정 값 폴더를 삭제


 1. 삭제 -> C:\Users\사용자명\.vscode 


 2. 삭제 -> C:\Users\사용자명\AppData\Roaming\Code



프로그램 삭제후 재설치


 3. 이제 프로그램 삭제에서 코드를 삭제합니다.


 4. 이제 재설치를 진행하면 


 5. 처음 상태로 변경된 비주얼 스튜디오 코드를 볼 수 있습니다.




마무리


초기화는 필수인데 기능을 만들어줬으면


댓글을 달아 주세요


VS Code에서 debugging


안녕하세요.
고코더 입니다.


이번 시간에는 노드를 실행하고 이 후에 디버깅 하는 방법을 알아봅니다. 
최근에 나오는 IDE 개발 프로그램들은 기본적으로 디버깅 환경이 구축 되어 있습니다.
MS가 만든 비주얼 스튜디오 디버깅 기능은 강력합니다. 이 기능의 차등을 두어 가격을 달리할 정도 인데요.
무료 프로그램 vscode도 필수적이고 꼭 필요한 디버깅 기능을 마련해두었습니다.



디버깅 방법


개발 프로그램에서 디버깅은 필수적이면서 가장 중요한 역할을 합니다. 이 역시도 VSCode에서는 쉽고 간편하게 사용이 가능합니다.

 1. VS Code에서는 디버깅 기능을 제공합니다. 라인 왼쪽에 빨간 점을 찍어주면 해당 부분에서 프로그램 실행이 중단되어서 디버깅이 가능합니다.


 2. 해당 상태에서 F5를 눌러 실행을 하게 되면 아래 그림처럼 화살표를 가르키면서 브레이크 포인트에서 멈추게 됩니다. 그러면 현재 상황에서 어떻게 진행 사항이 흘러갔는지 다양한 방법으로 확인이 가능합니다.


 3. 값을 가지고 변수나 함수에 마우스 커서를 올려놓으면 현재 저장되어 있는 값을 확인 가능합니다. 브레이크 포인트 상태에서 일어난 상태를 확인 가능합니다. 

 4. 그리고 에디터 아래에 디버그 콘설 탭에서 입력창에 확인하고 싶은 변수나 함수를 입력하면 값을 확인 가능합니다.




디버깅 화면 구성


해당 프로그램에서 노드를 실행하게 되면 .vscode라는 폴더가 생성되고 launch.json 이라는 파일이 생성 됩니다. 이는 디버깅 환경을 구성 가능한 설정 파일입니다.

 5. 현재 수정중인 폴더에 .vscode 폴더가 생겼고 해당 폴다 아래 launch.json 파일을 실행합니다.

 6. 해당 파일을 열어보면 환경을 확인할 수 있습니다. 스킵파일 설정을 node_internals을 주어서 코어까지 디버깅을 하지 않도록 기본설정되어 있습니다. 나머지 옵션과 사용법은 따로 블로그 글을 써서 남겨드리겠습니다.



마무리


유료 프로그램보다 나은 node 환경


댓글을 달아 주세요


VS Code 한글로 UI 바꾸기 


안녕하세요
고코더 입니다.


VSCODE를 설치하면 기본으로 영어로 설정이 되어 있습니다. 
저는 영어로 된 IDE 사용을 추천하지만 불편하신 분들을 위해 기본 언어를 한글로 변경하는 방법을 알아보겠습니다 


 1. 비주얼스튜디오코드를 실행 후에 왼쪽에 확장프로그램 아이콘을 클릭한 후에  Korean이라는 키워드로 검색을 합니다. 
그리고 나오는 맨위에 "Korean Language Pack for VS Code"를 install 합니다.


 2. 그럼 즉시 설치가 완료되고 VS CODE를 재스타트 하는 메세지가 나타납니다. 


 3. 재시작된 프로그램은 한글화가 완벽하게 되어 있습니다. 마이크로소프트가 만들어 배포하는 Pack이기에 당연한거 같네요.



마무리


IDE 시스템에 영어는 어렵지 않기에 그대로 사용하는걸 추천합니다.
그러면 다른 프로그램 사용시 맥락을 이해하기 쉽습니다.




댓글을 달아 주세요