VSCODE 윈도우 버전의 두가디 다운로드


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

 1. VS CODE를 다운받는 페이지에서 윈도우 버전을 보게 되면 두가지 버전이 나타나게 됩니다. 


 2. 이 버전은 쉽게 설명하면 아래와 같습니다. 유저 버전은 현재 사용자만 설치 가능한 버전이고
시스템버전은 해당 컴퓨터에 모든 사람이 사용 가능합니다. 
요즘 대부분 1인 1PC인 경우가 많으니 시스템 버전을 설치해서 공용 버전으로 사용하는걸 추천드립니다.
User Installer
System Installer
설치하고 있는 현재 윈도우 사용자 계정만 사용 가능 공통 PC를 사용 중일 때
모든 윈도우 사용자가 사용 가능 개인 컴퓨터라면 이 버전을 설치하는걸 추천


 3. 다운로드시에 파일 이름이 user가 들어가면 유저버전이고 없는게 시스템 버전입니다.



마무리

역시 윈도우를 만든 MS다운 배포 버전입니다.



댓글을 달아 주세요


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




댓글을 달아 주세요


Visual Stuido Code(VSCode)에 대해서


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


2016년 4월 14일 마이크로소프트는 윈도우,맥에서 사용 가능한 멀티플랫폼(Multiplatform) 개발프로그램을 배포합니다. 
바로 Visual Stuido Code 입니다. 기존 유료 프로그램인 Visual Stuido에서 CODE라는 네이밍을 붙혔습니다.
가격이 비싼 비주얼 스튜디오와 달리 무료로 개인,기업에서 모두 사용가능한 IDE 입니다.



 1. VS CODE의 장점


1. MS의 친절한 관리
- MS의 프로그램은 비싸지만 그만큼 친절했습니다. 특히 비주얼 스튜디오는 특히 닷넷(.Net)을 개발시에 완벽한 한글화와 편리한 인터페이스는 초보 개발자도 중급 개발자 못지 않게 개발을 가능하게 해주었습니다. VSCODE도 마찬가지로 MS가 관리하고 업데이트 하므로 정형화 된 서비스를 오랫동안 사용할 수 있는 프로그램입니다.

2. 무료 정책
- 마이크로 소프트의 프로그램을 무료로 사용할 수 있다는건 행운입니다. VS CODE는 여타 다른 일렉트론으로 개발된 IDE와 마찮가지로 개인,기업에서 제한 없이 사용 가능합니다. 서비스는 유료 프로그램인 비주얼 스튜디오 못지 않게 누릴 수 있습니다.

3. 점유율 1위
triplebyte.com의 발표를 인용하면 2018년도 에디터 부분에서 16.8%로 1등을 하고 있습니다. 나온지 몇 년 되지도 않았는데요. 2위는 Sublime Text 3위는 intellij 입니다. 가장 많이 사용하고 있다는건 사용해봐야할 가치가 있습니다. VSCode는 개발자 뿐만 아니라 퍼블리셔,디자이너 그리고 기획자의 메모장으로까지 애용하고 있습니다.

4. 마이크로 소프트가 직접 배포하는 확장성
- 모든 IDE들이 확장 프로그램을 지원합니다. 개발자들이 자유롭게 추가 할 수있습니다. VS Code는 내부의 수 많은 개발자들을 이용해 직접 제작한 확장팩을 제공하고 있습니다. 이는 신뢰 가능한 확장성이 있다는 증거입니다.




 2. Electron으로 개발된 IDE


기존 무료 IDE에 선두주자인 아톰과 매우 비슷한 느낌이 드는데 이는 일렉트론 프레임워크 기반으로 개발되었습니다.
깃허브에서 개발한 일렉트론 프레임워크를 사용하였기 때문입니다. 
Electron은 Node.js와 크로미움을 사용하여 깃허브에서 개발한 GUI 프레임 워크입니다. 자바스크립트와 HTML을 이용해 작성하여 개발이 가능합니다.
일렉트론은 우리가 많이 사용하는 데스크탑 프로그램을 빌드하였습니다. 그중에 가장 대표적인 프로그램은 아톰입니다.
(일렉트론은 다음에 따로 더 자세하게 다루어보겠습니다. )


마무리


1위일줄이야..


댓글을 달아 주세요