프로그래밍을 배우기 시작하면 가장 먼저 하는 고민 중 하나가 있다. “코드는 어디에서 써야 하지?”
처음에는 메모장에 써도 되는 줄 안다. 실제로 HTML이나 JavaScript도 메모장에 적고 저장하면 실행은 된다. 나도 처음에는 메모장에 HTML 파일을 만들고, 저장한 뒤 브라우저에서 열어봤다.
그런데 파일이 많아지고, CSS와 JavaScript까지 같이 쓰기 시작하니까 금방 불편해졌다. 어디에 무엇이 있는지 찾기 어렵고, 오타가 나도 바로 알 수 없었다.
그때 대부분의 사람들이 추천하는 프로그램이 하나 있었는데, 바로 VS Code였다.
지금은 거의 모든 개발자가 한 번쯤은 VS Code를 사용해본다고 해도 과장이 아니다. 유튜브 강의, 블로그, 회사 개발 환경까지 대부분 VS Code를 사용한다.
그렇다면 왜 이렇게 많은 사람들이 VS Code를 사용할까?
VS Code는 어떤 프로그램일까
VS Code는 Microsoft가 만든 코드 편집기다. 정식 이름은 Visual Studio Code지만, 보통은 줄여서 VS Code라고 부른다.
쉽게 말하면, 코드를 쓰기 편하게 만들어주는 메모장이다.
하지만 그냥 메모장과는 완전히 다르다.
예를 들어 메모장에서는:
- HTML과 JavaScript가 그냥 글자로만 보인다.
- 오타가 나도 모른다.
- 파일 찾기가 어렵다.
반면 VS Code에서는:
- 코드 색이 다르게 보인다.
- 오타가 나면 바로 알려준다.
- 파일을 한눈에 정리할 수 있다.
즉, VS Code는 코드를 더 쉽고 빠르게 작성하게 도와주는 프로그램이다.
왜 메모장보다 훨씬 편할까
예를 들어 HTML을 작성한다고 해보자.
메모장에서는 아래처럼 전부 직접 써야 한다.
<html>
<head>
</head>
<body>
</body>
</html>
그런데 VS Code에서는 !만 입력하고 Enter를 누르면 기본 HTML 구조가 바로 만들어진다.
또 <div>를 입력하면 자동으로 닫는 태그까지 만들어준다.
즉, 같은 코드를 훨씬 빠르게 작성할 수 있다.
처음에는 별 차이 없어 보일 수 있다. 하지만 코드가 길어질수록 이 차이가 엄청 커진다.
나도 처음에는 “그냥 메모장으로 해도 되지 않나?”라고 생각했다. 그런데 VS Code를 써보니까, 메모장으로 다시 돌아가기 싫을 정도로 편했다.
VS Code가 가장 인기 있는 이유 5가지
VS Code가 많이 쓰이는 이유는 단순히 예뻐서가 아니다. 실제로 개발할 때 정말 편한 기능이 많다.
1. 무료다
VS Code는 무료다. 돈을 내지 않아도 거의 모든 기능을 사용할 수 있다. 그래서 학생이나 처음 배우는 사람도 부담 없이 시작할 수 있다.
2. 정말 가볍다
Visual Studio처럼 무거운 프로그램은 컴퓨터가 느려질 수 있다. 하지만 VS Code는 비교적 가볍고 빨라서 노트북에서도 잘 돌아간다.
3. 거의 모든 언어를 지원한다
VS Code는 HTML, CSS, JavaScript는 물론이고 Python, Java, C, PHP까지 거의 모든 언어를 사용할 수 있다.
즉, 나중에 언어를 바꿔도 새 프로그램을 다시 설치할 필요가 없다.
4. 확장 프로그램이 정말 많다
VS Code의 가장 큰 장점 중 하나는 확장 프로그램이다.
예를 들어:
- Live Server → HTML을 바로 브라우저에서 보기
- Prettier → 코드 자동 정리
- Python → Python 코드 실행
- ESLint → JavaScript 오류 찾기
처럼 필요한 기능을 추가해서 사용할 수 있다.
그래서 사람마다 자기 스타일대로 VS Code를 꾸밀 수 있다.
5. GitHub와 연결이 쉽다
VS Code는 Git과 GitHub도 쉽게 사용할 수 있다.
예를 들어 파일을 수정하면, 어떤 부분이 바뀌었는지 바로 보여준다.
그리고 버튼 몇 번만 누르면 GitHub에 업로드할 수도 있다.
그래서 React나 Node.js를 공부하다 보면 대부분 VS Code와 GitHub를 함께 사용하게 된다.
개발자들이 꼭 설치하는 확장 프로그램
VS Code를 설치한 뒤, 대부분의 개발자가 가장 먼저 설치하는 확장 프로그램이 있다.
| 이름 | 무엇을 해주는가 |
|---|---|
| Live Server | HTML 파일을 자동으로 새로고침해서 보여줌 |
| Prettier | 코드를 보기 좋게 자동 정리 |
| ESLint | JavaScript 오류를 찾아줌 |
| Auto Rename Tag | HTML 태그 이름을 자동으로 같이 수정 |
| Material Icon Theme | 파일 아이콘을 보기 쉽게 바꿔줌 |
예를 들어 <div>를 <section>으로 바꾸면, 원래는 닫는 태그도 직접 수정해야 한다.
하지만 Auto Rename Tag를 설치하면, 한쪽만 바꿔도 자동으로 같이 바뀐다.
처음에는 사소해 보이지만, 이런 기능들이 쌓이면 작업 속도가 훨씬 빨라진다.
왜 유튜브 강의나 블로그도 전부 VS Code를 사용할까
프로그래밍 강의를 보다 보면 대부분 VS Code 화면이 나온다.
이유는 간단하다.
누구나 무료로 설치할 수 있고, 윈도우와 맥 모두 사용할 수 있기 때문이다.
그래서 강의를 만드는 사람도 “VS Code 기준으로 설명하면 대부분 따라 할 수 있겠다”라고 생각한다.
즉, 초보자에게 가장 무난하고 쉬운 선택이 VS Code인 것이다.
특히 React나 Node.js를 공부하려면 거의 대부분 VS Code를 사용한다. 그래서 처음부터 VS Code에 익숙해지는 것이 나중에도 훨씬 편하다.
VS Code가 완벽한 프로그램일까
물론 VS Code도 단점은 있다.
처음에는 버튼이 많고, 영어가 많아서 조금 복잡하게 느껴질 수 있다.
그리고 확장 프로그램을 너무 많이 설치하면 오히려 느려질 수도 있다.
하지만 처음에는 꼭 필요한 것만 설치하면 된다.
예를 들어 HTML, CSS, JavaScript를 배우는 중이라면:
- Live Server
- Prettier
- Auto Rename Tag
정도만 있어도 충분하다.
나도 처음에는 VS Code 화면이 너무 복잡해 보여서 무서웠다. 그런데 며칠 써보니까, 오히려 메모장보다 훨씬 편하다는 걸 느꼈다. 특히 코드 색깔이 달라서 어디가 잘못됐는지 쉽게 보이는 점이 가장 좋았다.
한 줄로 정리하면
VS Code는 코드를 더 쉽고 빠르게 작성할 수 있게 도와주는 무료 프로그램이다.
그리고:
- 무료이고
- 가볍고
- 확장 프로그램이 많고
- GitHub와 연결이 쉽기 때문에
지금 가장 많은 개발자가 사용하고 있다.
그래서 프로그래밍을 처음 시작하는 사람이라면, 가장 먼저 설치해볼 만한 프로그램이 바로 VS Code다.