React 개발에는 주로 어떤 IDE나 편집기를 사용하나요?

Question

React 개발에는 주로 어떤 IDE나 편집기를 사용하나요?

VSCode, Atom, sublime 등의 편집기 중에서 가장 많이 사용하고 React 용 플러그인 등이 많은 것은 어떤것이 있을까요?

Answer 1

2017년과 2018년의 트렌드를 살펴보면 VSCode가 압도적입니다.

2017년 통계를 보면 다음과 같습니다.

https://2017.stateofjs.com/2017/other-tools/

2018년도에는 격차를 더 벌렸군요.. 그리고 Atom이 뒤로 밀려나는 분위기인 것 같습니다.

https://2018.stateofjs.com/other-tools/

이 결과는 stackoverflow에서 전세계 개발자들을 대상으로 조사한 것입니다. 절대적이라고 할수는 없겠으나 트렌드라고 할수는 있을 것 같습니다.

Answer 2

비매스터님의 자료대로 VS Code가 압도적이긴 합니다. 하지만 저는 WebStorm의 팬으로서(JetBrains 회사의 팬이랄까요) 말씀드리자면 WebStorm은 유료임에도 Atom이나 Sublime Text와 같은 무료 에디터와 맞먹는 사용층을 갖고 있습니다. 확실히 코딩 시 메리트가 있고 돈 값을 합니다. 학생은 무료이고, 체험판도 있으니 사용해보시는 것을 추천드립니다.

WebStorm 홍보를 하였지만 VS Code도 써본 결과 개발하기에 충분합니다 ㅎㅎ

Answer 3

일단 atom은 3가지중에서 제일 느리고 sublime Text3는 업데이트가 느립니다.

그래서 vscode를 제일 많이들 사용 하시는데요 React에서는node.js를 이용한 next.js를 설치해서 yorn을 이용하여 실행을 시킵니다.

그리고 vscode에서 react를 사용 할 때 환경도 설정해주어야 하는데요

https://www.vobour.com/vscode-%EC%B6%94%EC%B2%9C-%EC%9D%B5%EC%8A%A4%ED%85%90%EC%85%98%EA%B3%BC-%EC%84%B8%ED%8C%85-vscode-recommended-e

위 링크를 보시면 설치해야할 extension, 그리고 설정들이 나와있습니다.

저도 최근 react 공부중입니다.

settings sync 설치 후 설정 맞춰주시면 다른 쪽에서도 같은 세팅으로 자동 설치가 가능합니다.