리액트2 VSCode에 React + ESLint + Prettier 설정하기 ESLint는 javascript 코드의 문법 검사 및 코딩 스타일 검사를 해주는 도구입니다. Prettier는 코드를 정해진 스타일대로 포매팅해주는 도구입니다. 이 두 가지 도구를 같이 사용하면 여러 명이서 개발을 하더라도 하나의 코딩 스타일을 유지해나갈 수 있습니다. 이번 글에서는 VSCode 환경에서 React 프로젝트에 ESLint와 Prettier 설정하는 과정을 정리해보겠습니다. React 프로젝트 생성하기 먼저 create-react-app 으로 React 프로젝트를 생성합니다. npx create-react-app react-eslint-prettier ESLint 설정하기 프로젝트가 생성되었으면 이제 이 프로젝트에 ESLint 설정을 해보겠습니다. 아래 명령어로 ESLint 설정을 간편하.. 2021. 11. 1. React 시작하기 지난번 글에서 React가 뭔지에 대해서 적었으니 이번에는 React 개발환경을 어떻게 세팅하고 시작하는지에 대해 적어보려고 합니다. create-react-app React를 사용하려면 웹팩, 바벨 등의 설정을 해야합니다.(웹팩, 바벨이 뭔지 지금은 몰라도 됩니다.) React만 공부하기도 힘든데 웹팩, 바벨에 대해서도 공부하고 설정까지 다 직접 해야한다면 React를 시작하기도 전에 이미 지쳐버려서 공부하기를 포기해버릴지도 모릅니다. 다행히 페이스북에서 만들어준 create-react-app 을 통해 쉽게 React 프로젝트를 만들 수 있습니다. create-react-app을 사용하는 방법은 두 가지가 있습니다. npm에서 create-react-app을 global로 설치하고 실행하기 npx로 설.. 2020. 8. 8. 이전 1 다음
