1. 코드 에디터

코드 에디터는 크게 통합 개발 환경 (IDE) 과 경량 에디터로 나뉩니다.

2. 통합 개발 환경

통합 개발 환경 ( Intergeated Developement Enviroment, IDE) 은 강력한 에디터 입니다.
보통 ' 프로젝트 전체 ' 를 관장하는 다양한 기능을 제공하며 ,
' 개발환경 ' 을 쾌적하게 해주는 통합 환경을 제공합니다.

IDE 를 이용하면 수많은 파일로 구성된 프로젝트를 불러오고 , 파일 간의 탐색 작업이 수월해집니다. 단순히 열려있는 파일뿐만 아니라 전체 프로젝트에 기반한 자동완성 기능도 사용할 수 있습니다. 여기에 더하여 git 과 같은 버전 관리 시스템, 테스팅 환경 등 ,
' 프로젝트 수준 ' 의 작업도 IDE 에서 할 수 있습니다.

아직 어떤 IDE 를 사용할지 결정하지 못했다면 , 아래 두 옵션을 고려해보시길 바랍니다.

• Visual Studio Code ( 크로스 플랫폼, 무료 )
• WebStorm ( 크로스 플랫폼, 유로 )

3. 경량 에디터

' 경량 에디터 ( Lightweight Editor ) ' 는 IDE 만큼 많은 기능을 제공하진 않지만, 속도가 빠르고 단순하다는 장점이 있습니다.

경량 에디터는 파일을 열고 바로 수정하고자 할 때 주로 사용됩니다.

' 경량 에디터 ' 와 ' IDE ' 의 가장 큰 차이점

IDE 는 프로젝트 레벨에서 작동한다는 점입니다.
IDE 는 구동 시 불러와야 할 데이터가 많고, 필요하다면 구동 시 프로젝트 구조를 분석하는 일 등도 합니다.
파일 하나만 수정하고 싶다면 경량 에디터를 사용하는 게 훨씬 빠릅니다

경량 에디터는 다양한 플러그인을 지원합니다.
디렉터리 레벨 문법 분석기나 자동완성기능 등을 플러그인을 설치해
사용할 수 있습니다.
플러그인을 사용하면 경량 에디터에서도 IDE 못지않게 다양한 기능을 사용할 수 있으며, 요즘엔 경량 에디터와 IDE 사이의 엄격한 구분이 사라져가는 추세입니다.

추천하는 에디터는 다음과 같습니다.

• Atom ( 크로스 플랫폼 , 무료 )
• Visual Studio Code ( 크로스 플랫폼 , 무료 )
• Sublime Text ( 크로스 플랫폼 , 셰어웨어 )
• Notepad++ ( Windows , 무료 )
• Vim 이나 Emacs 도 에디터로 사용법만 잘 숙지하면 충분히 에디터 역할을 잘합니다.

본문 : https://ko.javascript.info/code-editors