VS Code 편집기 설치 · 마틴과 코딩하기

코드를 작성할 프로그램을 설치해 드립니다. 무료이며 전문가도 사용해.

VS Code란 무엇이며 왜 이 코드가 필요한가요?

Visual Studio Code(간단히 VS Code라고 함)는 코드 작성을 위한 프로그램인 편집기야. Word와 비슷하다고 생각하지만 프로그래머에게는 코드에 색상을 입히고 힌트를 제공하며 실수를 지적해. 완전 무료이며 세계 최대 기업의 사람들이 이를 사용하여 웹사이트를 구축해. 지금 배우해. 그러면 영원히 너과 함께 할 것야.

⚠️

**어른과 함께 설치하해.** 부모님이 함께 앉게 하해. 설치 자체는 안전하지만 컴퓨터에 어떤 일이 일어나는지 부모님이 아는 것이 좋어.

윈도우에 설치하기

**[code.visualstudio.com](https://code.visualstudio.com)**을 열고 커다란 파란색 **Windows용 다운로드** 버튼을 클릭해.

파일이 다운로드되면 해당 파일을 클릭해(하단 작업 표시줄이나 *다운로드* 폴더에서 찾을 수 있음).

라이센스에 동의하고(*동의함* 선택) **다음**을 계속 클릭해. *추가 작업 선택* 단계에서 **바탕 화면 아이콘 만들기**를 선택하면 바탕 화면에 아이콘이 생깁니다.

**설치**를 클릭하고 기다리세요. 마지막으로 **Finish**를 클릭하면 VS Code가 열어.

## 맥에 설치하기

**[code.visualstudio.com](https://code.visualstudio.com)**을 열고 **macOS용 다운로드**를 클릭해.
파일이 다운로드되면 *다운로드* 폴더에서 해당 파일을 찾으세요. 만약에`.zip`파일을 두 번 클릭하여 압축을 풉니다.
파란색 **Visual Studio Code** 아이콘이 나타나. **Applications** 폴더로 드래그해. 그게 다야. 설치되었어.
응용 프로그램 폴더를 열고 Visual Studio Code를 두 번 클릭하여 실행해. 처음으로 Mac에서 정말로 열 것인지 묻는 메시지가 표시돼. **열기**를 클릭해.

## VS Code에 대해 알아보기

VS Code는 다양한 언어를 사용해. 잠시 살펴보고 익숙해지도록 할 거야.

왼쪽 사이드바에서 **겹쳐진 사각형**(확장 프로그램)처럼 보이는 아이콘을 클릭해. 그것은 네 개의 작은 블록처럼 보야.
상단 검색창에 **Prettier**(또는 **Dracula** 또는 **Night Owl** 등 원하는 테마 이름)를 입력해.
마음에 드는 것을 선택하고 옆에 있는 **설치**를 클릭해.
오른쪽 하단에 작은 창이 나타날 수 있어. 제안하는 대로 따르세요. VS Code는 선택 사항을 즉시 적용해.

✅

**직접 확인해:** VS Code가 열리고 상단에 메뉴(파일, 편집, 선택...)와 함께 사용할 준비가 된 것 같어. 그렇다면 모든 준비가 완료되었으며 워크샵이 준비되었어!

이 장에서 배운 것

VS Code는 전체 여정을 위한 주요 도구인 무료 코드 편집기야.
방금 설치하고 기본사항을 익혔어.
한 번만 설치하면 돼. 이제부터는 프로그래밍에 관한 모든 것야.