아무개의 취미생활
HTML, CSS, Javascript를 작성할때 사용하는 프로그램중 최근에 가장 많이 사용되고 있는 개발 전용 에디터 프로그램인 비주얼 스튜디오 코드 (Visual Studio Code)에 대해서 알아보겠습니다.
Visual Studio Code를 설치하기 위해 https://code.visualstudio.com/ 주소에 접속합니다.
[그림1]에서 빨간색 화살표(⇨)로 표시된 'Download for Windows'를 클릭합니다. 사용하시는 OS가 Windows가 아닐경우 오른쪽 '∨'표시를 클릭하면 Mac, Linux에 맞는 파일을 선택하여 다운로드 할 수 있습니다.
다운로드한 파일을 실행하면 [그림2]와 같은 화면이 뜹니다.
'동의합니다(A)'를 선택하고 '다음(N)'을 클릭합니다.
그러면 프로그램을 설치할 위치를 지정하는 창이 뜹니다.
설치하고자 하시고자 하는 디렉토리를 선택하신후 다음을 클릭합니다.
[그림3]과 같은 창이 뜰것입니다.
[그림3]에 빨간색 네모로 표시된 부분을 모두 v체크 해주시고 다음을 클릭합니다.
그러면 설치위치, 시작 메뉴 폴더, 추가 작업 설정 내용과 설치 준비 창이 뜹니다. 그 창에서 설치를 클릭합니다.
설치완료후 [그림4]와 같은 화면이 뜨면 마침을 클릭후 Visual Studio Code 프로그램을 실행하시면 됩니다.
Visual Studio Code 프로그램을 실행하면 [그림5]와 같은 화면이 뜹니다.
처음 프로그램을 설치하시면 아마 [그림5]와 달리 영문으로 되어 있을 것입니다.
그러면 빨간색 네모로 표시된 아이콘을 클릭합니다.
[그림6]과 같이 좌측에 메뉴가 뜹니다. 위쪽에 빨간색 사각으로 표시된 부분에 마우스 커서가 깜박이는 것을 보실 수 있습니다. 그 창에 'Korean'이라고 입력후 엔터를 치시면 아래에 관련 항목들이 나열됩니다.
'Korean Language Pack for Visual Studio Code' 항목을 찾아서 클릭하시면 초록색 바탕에 'Install'이라 써있는 버튼이 보이실 것입니다. 클릭하시면 설치가 진행됩니다.
한글팩까지 설치하시면 [그림5]와 동일한 화면이 출력될 것입니다.