[React] 3. 실습 준비

Feb 11, 2026

Contents

1. 새로운 프로젝트 만들기


npm create vite@latest

npm i

npm run dev

ESLint 설치

ESLint는 개발 중 잘못된 문법 등이 있을 때 경고를 도와줌

eslint.config.js 파일에 있는 rules에

‘no-unused-vars’ : ‘off’ 와 ‘react/prop-types’ : ‘off’ 속성 추가하기

no-unused-vars : 코드상에 실제로 사용하지 않는 변수가 있다면 오류로 알려주는 기능

react/prop-types : 컴포넌트에 propTypes를 정의하지 않으면 경고를 띄우는 기능

⇒ 두가지 모두 다 추후에는 필요하지만 리액트를 처음 학습 할 때에는 혼란을 유발할 수 있어 일단 끔