메뉴 닫기

Visual Studio Code를 쓸만한 이유

코드 에디터 프로그램 비교 사용기에서 말씀드렸듯이, Visual Studio Code를 에디터로 선택한 후에 현재 열심히 사용해 보고 있습니다.

마음 속 한 구석에는 아직 다른 에디터에 대한 미련도 남아 있어서 Sublime Text 3와 Atom을 동시에 띄워 놓은 채로 제가 자주 사용할만한 기능들이 어떻게 제공되고 있는지 비교해보고 있습니다.

오랜 시간 사용해본 것은 아니지만, Visual Studio Code만의 매력이 충분히 있는 것 같습니다. 다른 코드 편집기 프로그램에 비해 Visual Studio Code(이하 VSC)가 어떤 매력을 갖고 있는지 잠시 느껴보시죠.

 

1. 심플한 디자인

예전이나 지금이나 심플하고 여백의 미가 있는 디자인을 선호합니다. Editplus나 Notepad++도 복잡한 디자인은 아니지만, VSC는 Sublime Text, Atom, Bracket들과 유사하게 썰렁하리만치 심플한 UI를 제공하고 있습니다. 여백의 미에 플러그인이나 확장 프로그램을 조금씩 채워나가는 재미가 있기도 합니다. 유사한 디자인인 Sublime Text와 Atom, Bracket은 사실 대동소이합니다. 제 개인적인 취향으로는 Sublime Text가 가장 나아보이기는 하는데, VSC를 계속 사용하면서 테마와 아이콘팩을 살짝 바꾸니 그것도 나쁘지 않습니다. 여하튼 Editplus나 Notepad++보다는 최신 트렌드를 반영한 심플한 디자인이 마음에 듭니다.

 

2. 기본으로 제공되는 충분한 기능

Atom이나 Sublime Text는 좀 더 원활한 편집을 위해서는 플러그인을 필수로 설치해야 합니다. 반면에 VSC는 기본 프로그램만 설치해도 충분한 기능을 제공합니다. 플러그인 설치를 통해 해결할 수 있는 부분이기 때문에 굉장히 큰 장점은 아니기는 하지만, 여러 컴퓨터에 설치해야 하거나, 긴급하게 편집이 필요할 때를 고려하면 충분히 장점이라고 할만 합니다. 초반에 어느 플러그인을 설치해야하는지 전혀 모르는 시점에는 더 접근성을 높이기도 합니다.

 

3. 강력한 CSS 유효성 체크 기능

VSC는 기본적으로 다른 에디터의 Linter 플러그인과 같은 기능을 제공합니다. 모든 언어는 아니지만 적어도 제가 사용하는 언어 중 CSS에 대해서는 다른 에디터에 비해서도 더 상세한 유효성 체크 기능을 제공합니다. 가령 CSS 문서 중에 중괄호({})를 하나 빼놓은 것도 잡아냅니다. Atom과 Sublime Text에 Linter 플러그인을 설치한 후 동일한 문서로 열어보니 아무 문제가 없다고 뜨더군요. 그리고 일반적으로 사용되지 않는 변수도 찾아줍니다. 이를 통해 상당히 정제된 코딩을 할 수 있습니다.

 

4. 미니맵보다 좋은 점이 많은 사이드바 위치 표시 기능

Atom과 Sublime Text에서 제공하고 있는 미니맵 기능은 문서의 전체 윤곽을 한눈에 살펴볼 수 있고 현재 선택한 문구와 동일한 문구가 어디에 있는지 위치 확인을 하는데 사용합니다. VSC는 미니맵 플러그인은 아직 없습니다만, 기본적으로 사이드바에서 이와 유사한 기능을 제공하고 있습니다. 많은 부분에서 미니맵보다 좋은 점이 많은데요, 스크롤 없이 어느 부분에 동일한 문구가 있는지, 어느 부분에 구문 오류가 있는지 시각적으로 잘 표시해줍니다. 그래서 해당 부위로 빠르게 이동해서 수정하는 것이 미니맵보다 더 쉬운 것 같습니다. 물론 미니맵도 설정을 통해서 이와 유사하게 동작하게 할 수도 있으리라 생각됩니다만, 오류 부위를 별도의 컬러로 표시해주는 기능등은 아직 제공을 안 하고 있는 것 같습니다.

 

5. 안정성과 괜찮은 속도

사실 VSC가 최고의 안정성과 빠른 속도를 제공한다고 말씀드리기는 어렵습니다. 속도면에서는 Sublime Text가 월등히 앞선 것 같고, 안정성은 아직 오랜 시간 여러 케이스로 테스트해 본 것이 아니라서 확실하게 말씀드리기는 어려울 것 같습니다. 다만, 현재까지 에디터 테스트를 위해 설치와 삭제를 반복하고 프로그램 종료/실행을 반복해보면서 주관적으로 느끼기에는, 충분한 안정성과 구동 속도를 보여주었습니다. 확실하게 Atom보다는 속도가 낫고, 안정성면에서도 Atom보다는 낫습니다. Atom은 프로그램 설치와 삭제를 반복하다보면 플러그인을 설치했을 때 기능이 활성화가 안 되는 문제가 지속적으로 발생되었습니다. 그리고 실행 속도는 항상 느렸고요.

 

6. 쓸만한 문서 비교 기능

VSC를 설치하면 기본으로 문서 비교 기능을 제공합니다. 다른 플러그인을 설치하지 않아도 될 정도로 문서에서 어떤 부분이 달라졌는지 쉽게 확인하고 사이드바에서 변경된 위치도 한눈에 확인이 가능합니다. 이 기능은 다른 에디터에서 사용해본적이 없어서 월등히 낫다고 말씀드리기는 어려울 것 같고, 충분히 쓸만하다고는 말씀드릴 수 있을 것 같습니다.

5 Comments

  1. 남나현

    VS Code를 설치하기 위한 블로그를 올리려고 하는 도중 VS Code의 장점에 대해서 잘 정리해 주신거 같아 제 블로그에서 요약해서 사용하고 출처를 남겨놔도 되겠습니까?

  2. 이재호

    글쓴이님 저도 혹시 이 글을 요약해서 쓸 수 있을까요? 저도 마찬가지로 VSC코드 설정관련해서 블로그를 쓰려합니다.
    출저를 남기고 써도 될까요?

jihunx 에 응답 남기기응답 취소