1.3 모던자바스크립트 - 코드 에디터

코드 에디터

개발자는 코드 에디터에서 가장 많은ㅇ 시간을 보냄 코드 에디터는 크게 통합 개발 환경(IDE)과 경량 에디터로 나뉘는데, 많은 개발자가 둘 중 하나를 택해 작업함.

통합 개발 환경

통합 개발 환경(Integrated Development Environment, IDE)은 강력한 에디터임. 보통 프로젝트 전체를 관장하는 다양한 기능을 제공함. 이름에서 알 수 있듯이 IDE는 단순한 에디터가 아님. 개발 환경을 쾌적하게 해주는 통합 환경을 제공함.

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

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

Windows 사용자라면 'Visual Studio’라는 IDE를 들어봤을 거임 (닌 VSC만 알았음). Visual Studio는 'Visual Studio Code’와는 다름. 'Visual Studio’는 .NET 플랫폼 개발에 쓰이는 유료 에디터임. Windows에서만 사용할 수 있음. 자바스크립트도 지원함. Visual Studio의 무료 버전인 Visual Studio Community도 있음.

경량 데이터

'경량 에디터(lightweight editor)'는 IDE만큼 많은 기능을 제공하진 않지만, 속도가 빠르고 단순하다는 장점이 있음. 경량 에디터는 파일을 열고 바로 수정하고자 할 때 주로 사용됨. '경량 에디터’와 'IDE’의 가장 큰 차이점은 IDE는 프로젝트 레벨에서 작동한다는 점 IDE는 구동 시 불러와야 할 데이터가 많고, 필요하다면 구동 시 프로젝트 구조를 분석하는 일 등도 함. 파일 하나만 수정하고 싶다면 경량 에디터를 사용하는 게 훨씬 빠름.

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

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