728x90
반응형

코딩을 시작하고 싶은데, 어떤 에디터를 써야 할지 모르겠나요?
**Visual Studio Code(이하 VS Code)**는 현재 전 세계적으로 가장 사랑받는 무료 코드 에디터입니다.
초보자부터 프로 개발자까지 모두 사용하는 이 막강한 툴을 완전 초보자의 눈높이에 맞춰 설명합니다!


1. Visual Studio Code란?

마이크로소프트가 개발한 오픈소스 코드 에디터로, 가볍지만 강력한 기능을 제공합니다.
Windows, Mac, Linux 어디서나 설치해 사용할 수 있어요.


2. 설치 방법

  1. 공식 홈페이지에 접속합니다.
  2. 운영체제에 맞는 설치 파일을 다운로드합니다.
  3. 다운로드한 파일을 실행해 설치를 완료합니다.

3. 첫 실행 화면 이해하기

VS Code를 실행하면 다음과 같은 화면이 나옵니다.

  • Explorer (탐색기): 프로젝트 파일 구조를 보여줍니다.
  • Search (검색): 파일 내용 검색이 가능합니다.
  • Source Control (버전 관리): Git 연동.
  • Extensions (확장 기능): 필요한 플러그인 설치.

4. 필수 세팅

① 한글화

Extensions(확장) > "Korean Language Pack" 검색 후 설치.

② 폰트 변경

File > Preferences > Settings로 이동 후 Editor: Font Family 수정.

③ 자동 저장 설정

Settings 검색창에 "Auto Save" 입력 후, afterDelay로 변경.


5. 추천 확장 프로그램(Extensions)

확장 프로그램                                                         설명

 

Prettier 코드 포맷 자동 정리
Live Server HTML 실시간 미리보기
Python 파이썬 개발 지원
GitLens Git 기능 강화
ESLint 자바스크립트 코드 검사

6. 기본 단축키 모음

기능                                                                  단축키 (Windows)                           단축키 (Mac)

    

저장 Ctrl + S Cmd + S
검색 Ctrl + F Cmd + F
멀티 커서 Alt + 클릭 Option + 클릭
터미널 열기 Ctrl + ` Cmd + `
사이드바 토글 Ctrl + B Cmd + B

7. 마무리: Visual Studio Code를 배우는 가장 좋은 방법

처음엔 설정이 조금 복잡할 수 있습니다. 하지만 걱정하지 마세요!
자주 사용하다 보면 점점 익숙해지고, 어느새 프로 개발자처럼 VS Code를 다루게 될 겁니다.

연습만이 답입니다. 매일 10분씩이라도 VS Code를 켜보세요!

728x90
반응형

+ Recent posts