리액트에 적합한 IDE는 뭐가 있을까요?
뜻하지 않은 일이 생겨 리액트를 봐야 하는 상황인데요. 그냥 텍스트 편집기를 쓸수는 없고, 모바일 앱은 Xcode나 안드로이드 스튜디오 같은 명확한 도구가 있는데, 리액트는 이와 같은 괜찮은 IDE가 있는지 추천해 주세요.
안녕하세요
react 는 사실 ide 를 크게 필요하지 않습니다.
react 자체적으로 제공되는 기능이 다른 android 나 unity 처럼 내부적으로 ide 의 quick suggestion 을 사용할 일이 별로 없거든요.
class component 를 사용하면 사용할 life cycle method 들이 좀 있지만 작년에 hook 이 소개되고는 저같은 경우에는 class component를 거의 사용하지 않고 있습니다. function component 에서는 사용할 react 내부 함수는 React, { useState, useEffect, useRef, useCallback, memo } 이정도라서 크게 ide 를 필요하다고 생각이 들지 않습니다.
일단 제가 추천드릴 ide 는 저같은 경우에 vscode 를 사용중이고, vscode 에 유용한 extension 들을 설치하여 사용하고 있습니다.
질문과 조금 거리가 있긴 하지만 질문자 님께 도움이 될까 싶어, 제가 사용하는 유용한 vscode extension 들에는
vim
eslint
prettier
live server
javascript es6 snippet
auto close tag
auto rename tag
등 정도 있습니다.
그럼 즐겁게 react 하세요.
비주얼 스튜디오 코드 추천드립니다. 비주얼 스튜디오 코드는 마이크로소프트Microsoft에서 오픈소스로 개발하고 있는 소스 코드 에디터입니다. 웹 기반으로 기술들로 데스크톱 애플리케이션을 만들 수 있는 깃허브의 Electron을 기반으로 만들어져 맥 OS, 리눅스, 윈도우즈등 메이저 운영체제를 모두 지원하고 있습니다. 마이크로소프트의 통합 개발 환경(IDE) 비주얼 스튜디오와 이름이 비슷하지만 따로 개발되고 있으며 IDE보다는 코드 에디터에 가깝습니다. MIT 라이센스로 오픈소스로 공개되어 있으며, 무료로 사용할 수 있습니다.
그리고 웹에서도 접속해서 코딩할 수도있고요.
가장 큰 장점은 무엇보다 확장성에 있습니다. 리액트, 파이썬, C++ 등 여러 언어를 add-on해서 사용할 수 있습니다.
리엑트를 개발할때 Visual Studio Code를 많이 사용합니다.
프론트엔드 개발은 많이들 Visual Stuido Code를 많이 사용하는 것 같습니다.
가끔씩 WebStorm 사용하시는 분들도 있지만 보통은 Visual Stuido Code를 많이 사용합니다.
장점으로는 플러그인들이 많아서 다양한 기능을 지원해주고 있습니다.
프리티어(Prettier) 같은 코드를 정렬해주는 플러그인 같이 유용한 기능들이 많이 있습니다.
