[Front-End] 에디터 소개

출처 : fast campus

포토샵, 스케치3 같은 한정된 툴에 종속되는 웹앱 디자인 등과는 다르게 웹 개발은 툴에 대한 종속성이 거의 없습니다.
심지어 메모장을 사용해도 상관없지만, 개발 퍼포먼스를 생각해서 좋은 에디터를 고르는 것을 추천합니다.
HTML, CSS, JS를 위한 웹 개발(프론트엔드, Node.js) 에디터 중 실무에서 많이 사용되는 크로스 플랫폼(Windows, macOS) 에디터들을 간단하게 소개합니다.

다음은 모두 좋은 에디터들입니다.
주관적인 관점에서 작성했으니 참고만 하시고 모두 한 번씩 써본 후 자신에게 맞는 에디터를 선택하시길 바랍니다.

Sublime Text

https://www.sublimetext.com/

상대적으로 가볍고 성능 저하가 적은 편이라고 합니다.
많이 써보지 않아서 평가는 생략합니다.
무료입니다.

Atom

https://atom.io/

깃헙(GitHub)에서 만든 텍스트 에디터입니다.
확장 기능도 충분하고 외국에선 인기가 많다고 합니다.
(2018년 깃헙이 MS에 인수되었는데 Atom의 미래는?)
Windows에서의 사용은 아쉬운 부분이 많네요.
macOS에서는 문서 작업 시 자주 사용합니다.
무료입니다.

Brackets

http://brackets.io/

어도비(Adobe)에서 만든 텍스트 에디터입니다.
Creative Cloud 제품군이 아니고 오픈소스로 풀려 있습니다.
Live Preview 기능이 기본으로 제공되는 등 시각적인 결과물을 확인하는데 특화되어 있으나(역시 어도비!) 확장 기능이나 특히 성능 최적화에 대해선 아쉬운 감이 있습니다.(역시 어도비..)
무료입니다.

VS Code

https://code.visualstudio.com/

VS Code(VisualStudio Code)는 마이크로소프트(MS)에서 만든 텍스트 에디터입니다.
가볍게 시작할 수 있고 확장 기능이 상당히 많습니다.
2018 Stack Overflow 설문조사에서 에디터 인기도 1위를 기록했다고 하네요.
무료입니다.

WebStorm

https://www.jetbrains.com/webstorm/

JetBrain에서 만드는 통합 개발 환경(IDE) 프로그램 중 하나입니다.
별도의 확장 기능이 거의 필요 없으며 대부분의 프로젝트를 바로 시작할 수 있습니다.
한 번 쓰면 다른 에디터로 넘어가기 어려울 정도로 편한 권장 프로그램이지만 유료라는 게 함정.
단, 학생 라이선스를 얻으면 무료로 사용하실 수 있고 30일 평가판도 있으니 여유가 있다면 써보시길 권장합니다.