코드 에디터

크게 두 가지로 나뉜다.

• 통합 개발 환경(IDE)

• 경량 에디터

📌 통합 개발 환경(IDE)

보통 '프로젝트 전체'를 관장하는 다양한 기능을 제공하는 강력한 에디터. 개발 환경을 쾌적하게 해주는 통합 환경을 제공한다.

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

❗ 어떤 IDE를 쓸지 선택을 못했다면, 이 두 가지를 추천해본다.

• VSC(Visual Studio Code) : 크로스 플랫폼, 무료, 윈도우에서만 사용가능
• WebStorm : 크로스 플랫폼, 유료

📌 경량 에디터

파일을 열고 바로 수정하고자 할 때 주로 사용된다. IDE만큼 많은 기능을 제공하진 않지만 속도가 빠르고 단순하다는 장점이 있다.

❗ 경량 에디터 vs IDE

• IDE는 프로젝트 레벨에서 작동
  - 구동 시 불러와야 할 데이터가 많고, 필요 시 프로젝트 구조를 분석하는 일 등도 한다.
• 경량 에디터는 파일 하나만 수정하고 싶을 때 가볍고 빠르게 수정할 수 있다.

❗ 경량 에디터는 다양한 플러그인을 지원한다.

플러그인 사용 시 IDE 못지 않게 다양한 기능을 사용할 수 있다!

추천 에디터

• Atom : 크로스 플랫폼, 무료
• VSC(Visual Studio Code) : 크로스 플랫폼, 무료
• Sublime Text : 크로스 플랫폼, 셰어웨이
• Notepad++ : Windows, 무료

• Vim이나 Emacs도 에디터로 사용법만 잘 숙지하면 괜찮음

🤷🏻‍♂️ 엥? VSC는 IDE라면서?

사실, 이 부분에 대해 의문이 생겨 검색해보았는데, 사람들도 의견이 분분하다. VSC 정도면 충분한 IDE라는 의견과, 부가기능을 설치해야 하는 경량 에디터라는 의견이 반반인 것 같다. 사실상 위에서 언급한 바와 같이 경량 에디터에서 부가기능(플러그인)들을 설치하면 IDE 못지않게 사용할 수 있어, 요즘엔 경량 에디터와 IDE 간의 경계가 흐릿해져가고 있다.

이 글은 https://ko.javascript.info/ 를 참고하여 작성하였습니다.