Visual Studio Code 다운방법

Visual Studio Code 다운

안녕하십니까! Hun!입니다.

오늘은 'Visual Studio Code'라는 이름을 가진 통합개발환경(IDE) 프로그램의 다운 방법에 대해서 소개드리고자 합니다. 먼저 통합개발환경이란 간단하게 말하면 프로그래밍-코딩을 작업하는 에디터 프로그램이라고 이해하시면 쉬울 것 같습니다. 또 '비주얼 스튜디오 코드(Visual Studio Code)'는 IT업계에서 유명한 마이크로소프트에서 제작되었고 다양한 프로그래밍 언어를 지원하는데 지원하는 언어로는 'HTML'부터 'CSS', '자바스크립트' 등등 다양하여서 많은 프로그래머 분들이 사용하고 계실 겁니다.

제가 이 통합개발환경 툴을 다운 받게 된 계기는 바로 파이썬을 코딩하기 위한 툴인 아나콘다를 설치를 했을 때의 일로 생각이납니다. 왜냐하면 아나콘다를 다운을 받고 설치 과정을 진행 중 막바지에 갑자기 설치 창에 'Visual Studio Code'를 추가로 다운을 받을 수 있다는 화면이 나와서입니다. 그 동안 이 툴을 추천받기도 하였고 이용하여 보고 싶다는 마음도 있어서 이번 기회에 다운을 받게 되었습니다. 그리고 마침 'HTML5'를 공부 중이었는데 공부하는 책에서 이용하는 개발도구가 'Visual Studio Code'이어서 더욱 사용해보고 싶다는 마음이 증폭되었습니다. 

지금까지 저의 아주 짧은 경험에 따르면 'Visual Studio Code'를 다운 받는 방법은 두 가지로 나뉩니다. 첫 번째는 아나콘다를 설치하면서 동시에 설치하는 방법이고 두 번째는 'Visual Studio Code' 공식 사이트를 방문하여서 다운 받는 것입니다. 저는 두 번째 방법을 채택하여 사이트를 방문하여 다운 받는 방법에 대해서 설명하도록 하겠습니다.

먼저 'Visual Studio Code' 공식 홈페이지로 접속을 해줍니다. 만약 자기가 사용하는 운영체제가 윈도우이면 좌측에 빨간색 사각형 표시를 한 "Download for Windows"을 클릭하는데 클릭하시면 바로 다운로드가 진행될 것입니다. 반면 운영체제가 윈도우가 아니시고 'Mac'이나 '리눅스' 운영체제를 사용하시는 분들은 우측 상단에 빨간색 사각형으로 표시한 'Download'를 클릭하시면 됩니다.

'Download' 버튼을 클릭하시면 위와 같은 화면처럼 왼쪽부터 윈도우와 리눅스, 맥 운영체제로 나열된 모습을 볼 수 있는데 본인의 운영체제에 알맞게 선택하여 클릭합니다. 물론 저는 윈도우 운영체제이기 때문에 'Windows'를 클릭하였습니다.

그러면 비주얼 스튜디오 코드를 다운로드 해주셔서 감사하다는 문구와 시작하는 방법, 사용자 가이드 같은 문서들을 참조하여 사용할 수 있는 화면으로 바뀌게 되고 선택한 파일이 다운로드되는 모습을 볼 수 있을겁니다. 파일의 다운이 완료되면 클릭하여 실행을 시켜줍니다. 저 같은 경우는 브라우저로 크롬을 사용해서 바탕화면의 아래 작업표시줄의 윗 줄에 다운되는 파일을 볼 수 있었습니다.

비주얼 스튜디오 코드의 설치과정은 여느 다른 프로그램들의 설치와 매우 비슷하여서 설치방법은 하나도 걱정안하셔도 됩니다. 맨 처음에 'Visual Studio Code 설치 마법사 시작'이라는 창이 뜨게 되는데 '마법사 시작'이라는 말이 예전 윈도우 XP를 떠올리게 하여서 참 익숙하게 느껴졌고 시작을 위해 '다음(N)'을 클릭하여 넘어갑니다.

항상 프로그램을 사용하기 전에는 동의를 받는데 이는 비주얼 스튜디오 코드도 다르지 않기 때문에 계약에 '동의함'을 체크하고 다음으로 넘어가줍니다. 다음으로는 프로그램을 어디에 설치할지를 설정하는 작업으로  'C'나 'D드라이브' 그리고 어떤 폴더에 설치할지를  설정하고 '다음(N)'을 클릭합니다.

그리고 이 프로그램의 바로 가기를 시작 메뉴 폴더에 만들지 아니면 안 만들지의 여부를 정하여 체크하고 넘어가면 추가 작업을 선택할 수 있는 화면이 나오게 되는데 저는 '바탕 화면 바로 가기 만들기'와 'PATH에 추가' 항목만 체크하였습니다.

여기까지의 작업을 진행하셨다면 이제는 설치가 준비됬다는 화면이 나올 것입니다. 실수로 설정을 잘못하였을 지도 모르니 네모난 칸에 수행한 작업의 정보를 다시 한번 살펴보신 다음에 '설치(I)'를 클릭합니다. 그러면 '설치 중'이라는 화면 창으로 이동되어 설치가 진행되는데 다운 게이지가 다 찰 때까지 조금 기달려줍니다. 최종적으로 설치가 완료되면 "Visual Studio Code 설정 마법사를 완료하는 중"이라는 창이 뜨게 되는데 '마침'을 클릭하면 이상으로 설치과정이 마무리됩니다.

저는 설치를 완료하면서 동시에 비주얼 스튜디오 코드 실행하기 버튼을 체크했기 때문에 비주얼 스튜디오 코드가 실행되었는데 실행 시  위와 같은 사진처럼 'Visual Studio Code' 프로그램 창이 정상적으로 뜬 것을 확인할 수 있었습니다. 이상으로 'Visual Studio Code 사용방법'이었습니다!