[JS] 2. 비주얼 스튜디오 코드 설치 / 자바스크립트 편집 프로그램 설치 - 토끼는 개발자

우리가 흔히 알고 있는 메모장(Windows 기본 내장 프로그램)을 통해서도 JavaScript를 편집할 수 있다.

주관적이기는 하나 JavaScript를 쉽고 편하게 다루기 위해서는 편집이 쉬운 프로그램 '비주얼 스튜디오 코드(Visual Studio Code)'를 추천한다.

기본 서식을 적용할 때나 비슷한 코드를 한번에 수정하는 등 비주얼 스튜디오 코드 프로그램을 사용하면 코드를 작성 및 수정하기 편하다.

 

비주얼 스튜디오 코드(Visual Studio Code) 설치 방법

1. 비주얼 스튜디오 코드 설치 URL 클릭(code.visualstudio.com/)

*OS가 Windows(x64)일 경우 아래 이미지에서 표시한 설치 파일을 다운로드한다.

 

2. 설치 파일이 다운로드 된 경우 - 우 클릭 - 폴더 열기 클릭

 

3. 다운로드 설치 파일 - VSCodeUserSetup-x64 파일 더블 클릭

 

4. 인터넷 연결 확인 창이 뜨면 실행 버튼 클릭

*이 단계는 개인 컴퓨터 환경에 따라 나타나지 않을 수 있으니 다음 단계로 넘어간다.

 

5. Microsoft Visual Studio Code (User) 설치 - 사용권 계약 단계 - 동의합니다 선택 - 다음 클릭

 

6. 설치 위치 선택(원하는 위치) - 시작 메뉴 폴더 선택 - 추가 작업 선택 단계 - 기타 체크 박스 모두 선택

*아이콘 추가 : 바탕 화면에 바로가기 아이콘 만들기를 원할 경우 선택해도 된다.

*기타 부분에서 기본 설정으로 PATH에 추가하는 부분이 선택되어 있으나 나머지 3개도 모두 선택해준다.

 

7. 설치 준비 완료 단계 - 설치 클릭

 

8. 설치 마법사 완료 단계 - 종료 클릭

 

9. Visual Studio Code 실행 첫 화면

*이전 단계에서 Visual Studio Code 실행 체크하고 종료 하면 아래 이미지와 같이 Visual Studio Code 실행 첫 화면 확인 가능

 

기본적으로 JavaScript는 실무에서 쓰임이 많다.

추후 JavaScript와 함께 HTML5, CSS 내용도 함께 다룰 예정이니 편집 프로그램인 Visual Studio Code를 설치해두면 따라하기 수월하다.