지금 화면은 Visual Studio에서 React 프로젝트를 생성하면서 Vite가 초기 설정을 묻는 CMD 화면입니다. 오류가 아니라 정상적인 설치 과정입니다.
화면을 보면 다음 명령이 실행되고 있습니다.
|
1 2 3 |
cmd /c npx create-vite reactapp1.client --template react-ts |
즉, Vite를 이용해 React + TypeScript 프로젝트인 reactapp1.client를 만드는 중입니다.
현재 질문은:
|
1 2 3 4 5 6 7 8 |
Which linter to use? > Oxlint ESLint ↑/↓ to navigate • Enter: confirm |
**어떤 Linter를 사용할 것인가?**를 묻는 것입니다.
Linter는 React/TypeScript 코드를 검사해서 실수나 잘못된 코딩 패턴을 찾아주는 도구입니다.
Oxlint와 ESLint 차이
| 항목 | Oxlint | ESLint |
|---|---|---|
| 속도 | 매우 빠름 | 상대적으로 느림 |
| 역사/생태계 | 비교적 새로운 도구 | 오래되고 매우 널리 사용 |
| React 지원 | 지원 | 매우 좋음 |
| 플러그인 | 아직 상대적으로 적음 | 매우 많음 |
| 자료/예제 | 상대적으로 적음 | 매우 많음 |
| 기존 프로젝트 호환성 | 보통 | 매우 좋음 |
처음 Visual Studio + React + TypeScript를 공부하거나 기존 React 자료를 참고하면서 개발하신다면, 저는 ESLint를 선택하는 쪽이 이해하기 편합니다.
npm으로 설치할 것인지 묻는 경우 -> No
|
1 2 3 4 5 6 |
Install with npm and start now? Yes > No |
참고로 이 과정은 대략 다음 구조를 자동으로 만들어 주는 과정입니다.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
Visual Studio │ ├─ ASP.NET Core 서버 │ C# │ └─ reactapp1.client │ ├─ React ├─ TypeScript ├─ Vite └─ ESLint |