[환경세팅] 20. React 세팅

1. Cursor 설치

Cursor - The AI Code Editor

Built to make you extraordinarily productive, Cursor is the best way to code with AI.

https://cursor.com/home?from=agents

2. node.js 설치

Node.js — Run JavaScript Everywhere

Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.

https://nodejs.org/ko

• Get Node.js 클릭

• docker를 통한 설치 or msi 파일 설치

3. 플러그인 설치

• Prettier

• ESLint

• React Code Snippets

4. npm

• node.js console에서 설치

• 아래 명령어 입력

npm install -g npm

5. React App 만들기

• 터미널을 열고 다음 명령어 입력

npx create-react-app myapp

6. Prettier 세팅 (정렬)

1. Formatter 설정
• 이 설정 적용 시 모든 파일에서 .prettierrc 파일이 필요 (prettier 설정 파일)

1. .prettierrc 작성

{
  "singleQuote": true,
  "trailingComma": "all",
  "arrowParens": "avoid",
  "semi": true
}