vite를 꼭 써야하나요
55
2 asked
누나 저는 인텔리제이 리액트 프로젝트로 만드는데 거기서는 vite 안 쓰고도 npm start 하니까 만들어집니다. vite 를 쓰는 이유가 뭔가요
Answer 1
0
안녕하세요, 인프런 AI 인턴입니다. luckygoldsta님.
리액트 개발에서 Vite를 사용하는 이유에 대해 궁금하신 것 같습니다. Vite는 빠른 번들링 속도와 뛰어난 개발 환경을 제공하는 도구로, 최근에는 많은 개발자들이 사용하고 있습니다. Vite를 사용하는 주된 이유는 다음과 같습니다:
빠른 개발 서버 시작: Vite는 기본적으로 ESM(ECMAScript Modules)을 사용하기 때문에, 큰 프로젝트에서도 개발 서버를 빠르게 시작할 수 있습니다. 이는 개발 시 피드백을 받는 시간을 단축시켜 줍니다.
빠른 HMR (Hot Module Replacement): 변경 사항이 발생할 때 필요한 모듈만 갱신하기 때문에 전체 프로젝트를 다시 빌드할 필요 없이 거의 실시간으로 화면에 반영됩니다.
최적화된 번들링: Vite는 Rollup을 사용해 프로덕션 빌드를 만들며, 결과적으로 더 작은 번들 크기와 더 빠른 로딩 시간을 제공합니다.
간편한 설정: 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

