inflearn logo
강의

Course

Instructor

(2025 Latest Update) React: The Final Step to Becoming a Frontend Developer

vite를 꼭 써야하나요

55

luckygoldsta

2 asked

0

누나 저는 인텔리제이 리액트 프로젝트로 만드는데 거기서는 vite 안 쓰고도 npm start 하니까 만들어집니다. vite 를 쓰는 이유가 뭔가요

react redux web-api

Answer 1

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. luckygoldsta님.

리액트 개발에서 Vite를 사용하는 이유에 대해 궁금하신 것 같습니다. Vite는 빠른 번들링 속도와 뛰어난 개발 환경을 제공하는 도구로, 최근에는 많은 개발자들이 사용하고 있습니다. Vite를 사용하는 주된 이유는 다음과 같습니다:

  1. 빠른 개발 서버 시작: Vite는 기본적으로 ESM(ECMAScript Modules)을 사용하기 때문에, 큰 프로젝트에서도 개발 서버를 빠르게 시작할 수 있습니다. 이는 개발 시 피드백을 받는 시간을 단축시켜 줍니다.

  2. 빠른 HMR (Hot Module Replacement): 변경 사항이 발생할 때 필요한 모듈만 갱신하기 때문에 전체 프로젝트를 다시 빌드할 필요 없이 거의 실시간으로 화면에 반영됩니다.

  3. 최적화된 번들링: Vite는 Rollup을 사용해 프로덕션 빌드를 만들며, 결과적으로 더 작은 번들 크기와 더 빠른 로딩 시간을 제공합니다.

  4. 간편한 설정: Vite는 설정하기가 매우 간편하며, 필요에 따라 커스텀 설정도 쉽게 적용할 수 있습니다.

물론, 기존의 Create React App(CRA)를 사용한 방법이나 인텔리제이의 내장 기능을 통해서도 리액트 프로젝트를 만들고 개발할 수 있습니다. 하지만 Vite는 빠른 개발 경험을 제공하므로, 이를 경험해 보시는 것도 좋은 방법입니다.

더 많은 정보나 용례가 필요하시면 Vite 공식 문서를 참고하실 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

모바일 버전에 쓰이는 이미지를 다운받고 싶어요

0

63

1

쇼핑몰관련 질문드립니다.

1

73

2

전체 소스코드는 어디서 받을 수 있나요?

0

238

1

소스코드는 어디서 받을 수 있는지요...

0

248

1

마지막 프로젝트 데모 페이지가 보이지 않습니다.

0

210

1

TMDB 사이트 API 가져오기

0

559

1

5.리덕스 유용한 툴 소개

1

287

1

json-server 최신버전이면 검색이 안나올 수 있습니다.

4

847

3

연락처 검색 버튼이 작동하지 않아요

0

371

1

영화 API

0

790

2

더보기..

0

364

1

미니 쇼핑몰 작업하는 중에 리스트가 잘 안나옵니다.

1

378

1

매칭되는 action이 없을 때 반환값이요

0

370

1

openweather api 호출 했는데 401가 나요!

0

1321

1

React-Router 설치중오류

0

1915

1

api 인터셉터사용시 post

0

405

1

상세페이지 api

0

373

1

netlify에 REACT_APP_API_KEY 환변경변수 추가하고 배포해도 API_KEY가 없다고 에러가 나옵니다

0

408

1

예고편

0

280

2

reducer는 함수라고 해서 function을 넣으셨는데...

0

304

1

프로젝트 진행하다가 오류가 나서 더이상 진행을 못하고 있습니다 ㅠ

0

389

2

num에 사용한 {}

0

220

1

여기서 똑같이 썻는데. 저는 에러가 나는데 혹시 해결방법을 알려주실수있을까요?

0

646

1

Home.js 데이터 출력에러 질문드립니다.

0

279

2