on
210712 [마이에디터] - 이슈트래킹 + IDE 조사 및 장단점 비교
210712 [마이에디터] - 이슈트래킹 + IDE 조사 및 장단점 비교
학습 시간
약 7시간
To Do
○ 개발환경구축 개념 조사 ○ 일정 관리를 위한 환경 설정 (Git Issues, Git projects) 및 일정표 작성 ○ IDE 조사 및 설치 △ 각 IDE 사용 및 장단점 비교
학습 내용
| 개발환경이란?
개발에 필요한 컴파일러, IDE, 라이브러리, 프레임워크 등을 컴퓨터에 세팅하는 것을 의미합니다. 저는 크게 다음 3가지로 나누어서 조사하고, 각 항목의 비교대상을 설정하여 직접 설치하고 비교해볼 예정입니다.
IDE(통합개발환경) 또는 편집기
WebStorm, VScode, Sublime Text, Atom 등
WebStorm, VScode, Sublime Text, Atom 등 프레임워크
React, Angular, Vue.js 등
React, Angular, Vue.js 등 그 외
Babel, Webpack 등
| IDE(통합개발환경) 또는 편집기
먼저, 조사를 시작하면서 IDE와 편집기가 서로 구분된다는 것을 알게 되었습니다.
IDE 대규모에 적합 / 디버깅 가능 VScode, IntelliJ, WebStorm 편집기 소규모에 적합 / 가볍지만 다양한 확장기능 보유 VScode, Sublime Text, Atom
IDE는 통합 개발 환경으로, 디버깅/컴파일/배포 등 개발에 관련된 모든 작업을 처리할 수 있도록 도와줍니다. 그에 비해 편집기는 말 그대로 단순한 text 편집 기능을 제공하며, 대신 다양한 확장 기능(패키지, 익스텐션)을 보유하고 있습니다.
VScode의 경우 편집기에 해당하지만, 확장 기능을 통해 IDE의 기능을 일부 사용할 수도 있습니다.
WebStorm의 경우 유료이고, IntelliJ는 무료 버전인 IntelliJ community을 제공하지만 웹 개발 도구가 지원되지 않기 때문에, 프론트엔드 개발이 주목적이라고 했을 때는 적합하지 않다고 느꼈습니다. 때문에 위 두 가지를 제외하고, VScode, Sublime Text, Atom 총 3가지를 직접 설치해보고 사용해보았습니다.
| VScode
평소 제가 사용하는 편집기이며, 화면은 다음과 같습니다.
VScode의 가장 큰 장점은 다양한 확장 프로그램이었습니다. 확장 프로그램들은 VScode 내부의 마켓플레이스에서 쉽게 찾아보고 설치할 수 있으며, Debugger for Chrome과 같은 확장 프로그램을 설치하면 IDE의 디버깅과 같은 기능도 사용할 수 있습니다.
| Sublime Text
기본 화면
단순하면서도 개인적으로 꼭 필요하다고 생각하는 기능인 자동완성이나 화면분할, 구문 강조, 각종 단축키 등은 기본적으로 제공되었습니다. 하지만 화면 분할의 경우 Drag & Drop방식이 아닌 단축키를 이용해야 한다는 점이 조금 아쉬웠습니다. 무엇보다도, Git을 많이 활용하는 만큼 터미널이 기본으로 제공되지 않는 점이 가장 큰 단점이었습니다.
아래 과정을 따라 package를 설치하면 터미널을 이용할 수 있으나, 터미널 창을 따로 오픈해야 하는 점 때문에 여전히 VScode와 비교했을 때는 아쉽습니다.
package 설치 과정 ctrl + shift + T로 터미널을 열 수 있다
| Atom
Atom의 가장 큰 장점은 Git과의 연동이었습니다. 마찬가지로 기본적인 구문강조, 자동완성, Drag & Drop이 가능한 화면 분할을 제공하고, 테마 설정도 가능합니다. 또한, package 설치를 통해 Terminal을 이용할 수 있으며, VScode와 유사하게 Atom 내에서 Package를 검색하고 설치할 수 있어 편리했습니다.
Terminal Packages 설치
다만, 한 번에 여러 프로젝트를 오픈할 수 없다는 점은 아쉬웠습니다.
| 최종 선정 : VScode
제가 간단히 사용해보며 느낀 장단점은 다음과 같습니다.
VScode Sublime Text Atom 장점 확장프로그램을 통해 디버깅과 같은 IDE 기능 일부 이용 가능 핵심 기능에 충실하고 빠른 실행 속도 Git과의 연동 단점 Atom에 비해 번거로운 환경설정 부가적인 기능이 부족 한 번에 한 프로젝트
최종적으로 VScode와 Atom 사이에서 고민했으나, 일단은 VScode를 선택했습니다.
Atom의 경우 실제로 사용해보니 Git과의 연동을 통해 얻을 수 있는 부가적인 기능들이 생각보다 크게 유용하지 않았고, VScode와 유사한 기능을 제공한다 하더라도, 이미 익숙하게 사용하고 있던 VScode를 포기해야 할 만큼의 장점은 찾기 힘들었기 때문입니다.
때문에, Atom과 VScode의 장단점을 자세히 파악하기 위해서는 좀 더 비교할 시간이 필요할 것 같습니다. 두 가지 툴을 모두 사용해보면서 좀 더 장단점을 파악해보고, 자료를 보완할 예정입니다.
다음 학습 계획
Atom과 VScode의 장단점 추가 비교
프레임 워크 조사 및 장단점 비교
from http://sewcode.tistory.com/28 by ccl(S) rewrite - 2021-07-12 18:01:07