와 Vite 쓰면 리액트 10배 빨라짐 (과장아님)

[@hobis0b]

이형은 마지막 편집을 족같이 잘라버리는데 개멋있내

[@sgtkang2]

미국에서 코딩 배우는 중인데 답답하게 가르치고 솔까말 선생도 자기가 뭔소리 하는지 모르는거처럼 들려서 짜증났는데 이 짧은 영상 보니 엄청 도움되네요 감사합니다

[@nomelancholy]

코딩애플 특 : 목소리랑 말투는 겁나 시크한데 내용 설명은 개친절함

[@공중변소휴지도둑]

쓸대없는 배경설명 같은거 없고 중요한부분만 콕 집어서 알려주셔서 넘 좋음

[@hmin6680]

a가 불편해서 b를 만들고 b가 좀 부족하니까 c를 만들고 d만들고 결국 abcd전부를 다 알아야하는..

[@lazyworkroom]

코딩애플님 말투가 너무 매력.

[@ricepotato492]

코딩애플 선생님 말투가 너무 중독성 있습니다 ㅠ

[@wotomy]

님 코딩유튜버중 제일 재밌고 개성있는듯

[@somyeon1881]

vite로 번들링하면 기본적으로 script 파일의 type을 module로 임베드해야하는데 script type module은 cors 이슈가 있으니 별도의 cdn에 js 파일을 배포해야 한다면 해당 서버 응답에 Access-Control-Allow-origin 헤더를 확인해야 합니다. 😭

[@aju5166]

리엑트나 뷰처럼 프론트 개발시에는 정말 vite가 속도도 빠르고 좋지만, 제가 따로 리엑트나 뷰를 사용하지 않고 npm처럼 JS 라이브러리 형태로 만든 간단한 500줄 되는 js파일을 빌드해본 결과 정말 작은 파일같은 경우는 웹팩이 더 빠른걸 확인 할 수 있었습니다! 때에 맞게 유용하게 써야 할 것 같습니다

[@David-k5i8l]

슨상님 감사합니다

[@김광훈-r1f]

20년도 1월부터 snowpack과 vite를 사용해왔는데, 기존 번들러들과는 다르게 개발실행시 노드모듈까지 엮지않고 브라우저가 import구문을 해석해서 설치한 모듈파일을 로드하여 더 빠르게 변경시점이 바뀌는걸 체감할수있을것같아요. 환경구축도 복잡하지 않고 장점이 많이있습니다. 그리고 parcel2의 경우에도 우리나라 개발자분이 만드신 (rust로 만든)swc를 도입하여 기존보다 훨씬 빠르게 개발 빌드 및 실행이 가능한데, 기존 1버전대와는 다소 차이가 있어서 2.0버전 이상의 문서를 참고하시면서 이용해보셔도 좋을것같습니다. (nextjs에서도 swc가 바벨을 사용하지않으면 기본설정으로 적용되는걸로 알고있습니다) 또한 vitest의 라이브러리로 테스트를 도입하는 사례도 많아지고 있는것같아요. 관심있는분들은 함께 참고하셔도 좋을 것 같습니다.

[@도토잠보-y5w]

사랑해요🍎💖

[@b_mng]

ㅋㅋㅋㅋ 처음 까는 라이브러리가 13인지 확인하는 라이브러리ㅋㅋㅋㅋ 왜까는겨..!

[@achates865]

5~6초 기다리다 늙어죽을거 같댘ㅋㅋ

[@쏠로몬-u2x]

drop the vite!!!

[@mineokim]

스벨트 + vite 쓰면 속도 개오집니다 ㅋㅋ

[@sokgisung]

ssr 프레임워크 sveltekit 에 vite 있음 빠름빠름빠르

[@johnharrison5120]

스벨트에 대해 소개해주세요

[@B형-p8g]

지린다

[@수규-e4p]

존나 재밌네 ㅋㅋ

[@멍하-l9d]

바이트!

[@민트쵸코프로젝트]

리액트 si 프로젝트에서 vite 써봤는데 열배 이상 빨라진 것 같아요. 여기 개발환경이 느려터진 vdi 이라서 체감성능은 더 좋아요

[@아이니아]

와우 개빠룸 공유해서 쓰자고 해야게따

[@가명임]

항상 잘보고있습니다 ! 스벨트도 한번 다뤄 주세요 !

[@Amolang991]

제가 영상에서 보고 이해한 바가 너무 믿기지가 않아서 댓글로 한번만 더 여쭤볼게요. 그러니까 npx create-react-app 사용하지 말고 vite를 사용해서 리액트 프로젝트 만들면 되고, 코드 짜는건 그냥 원래 리액트 프로젝트 하던것 처럼 코드를 짜면 된다는건가요?

[@dongyeonkim8903]

저도 이거 궁금하네요. 최근에 CRA 사용을 권장하지 않는다는 내용의 영상도 본 적 있어서 다른분들의 의견도 궁금해요

[@yunhocho5791]

@@dongyeonkim8903 CRA는 이제 권장 드리지 않습니다. React 공식 다큐먼트에서도 수정된 부분이고요. 프로젝트에 SSR이 필요없고 build system customization을 선호하시는 분이라면 Vite 추천드립니다.

[@SeonggyuLee]

ㅋ. 바꾸고 싶네요 ㅠㅠ

[@troll-i2u]

esbuild 추천!

[@2sangmang77]

쌤, svelte 는 어때요?

[@EdgeTPU]

3:33 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

[@hyeonseok-han]

yarn berry + webpack 이랑 vite비교하면 어떨까요?

[@rokieplayer7729]

그와중에 is-thirteen을 설치하나요 ㅋㅋㅋ

[@enslow]

전세계 지금 반이상 첫시작이 거진 리액트로 만들어지고, 또 한번 패러다임이 바뀌는건가? ㅋㅋ

[@gsh1998]

잘 몰라서 그런데 vite 나 리액트 경우는 별도의 서버를 둬야하는건가요 ?? github에 페이지를 만들고 도메인을 물려서 쓰는건 저런걸 못쓰는건가요 ??

[@half_bottle]

빌드해서 깃허브 페이지에 올리면 잘 작동합니다. npm install gh-pages 로 전용 패키지 설치하시면 알아서 브랜치 따로 파고 디플로이까지 해줍니다

[@gsh1998]

@@half_bottle 꿀팁감사합니다 !!

[@춉춉춉-b2q]

애플님 프리패스이용중인데요 !자바스크립트 수강완료하고 리액트 이제 들어가는데 vite써도 무관할까요??

[@codingapple]

유관합니다

[@춉춉춉-b2q]

@@codingapple 감사합니다 👍

[@춉춉춉-b2q]

@@back_2_home 코딩애플 홈페이지 들어가서 스크롤 조금만 내리시면 보일거에요!

[@dragmetohell_wk]

과장이 아니면 부장입니꽈!!

[@bcj-b3b]

파이토치강의는 조금 힘드시겟죠?...

[@올림피그]

과장 아니고 차장 인가요

[@워크-f2p]

빛처럼빠른vite?

[@jude_6286]

근데 리액트 솔직히 너무 코드 비효율적이고 생산성이 뷰나 스벨트에 비해서 너무 떨어지는거 같아요… 뷰랑 스벨트 배운 뒤에 리액트 배우다가 도저히 못봐주겠어서 접었네요.

[@아침해쌀-y7r]

오히려 설탕문법이 적고 자바스크립트를 온전하게 사용할수 있다는 점이 장점이라고 할수도 있죠 ..

[@jeffyim2943]

이거 써보니까 스프링부트 처음 썼을 때 처럼 되게 편했습니다.. 스프링프레임워크 설정지옥이 사라졌다는 기분..?

[@하동원-o6c]

요즘 vue는 뭐없나요ㅜㅜ

[@김중일-u6c]

영상보니 vite가 vue도 지원하는것 같네요

[@하동원-o6c]

@@김중일-u6c 넵ㅎㅎ 이 영상 말고도, 요즘 리액트 새로운 기능들이 추가되어서 반응 좋더라구요. 근데 vue는 소식이 별루읍네요

[@airputh]

vite 만든 사람이 vue만든 사람임 원래 vue 빌느로 만든거임

[@약콩이]

다만 nuxt는 아직 vite 적용이 완벽하진 않다고 들음...

[@Joo0c]

저번에 최신버전 설치 보니깐 vite로 잡혀있던뎅

[@iwilldowhatiwannado843]

빗이 아니라 바이트입니다 행님

[@닝겐노고미]

바이트가 아니라 빗입니다 행님

[@iwilldowhatiwannado843]

@@닝겐노고미 맞네 ㅈㅅ

[@teabarley]

그래서 is-thirteen 쓰면 편리한가요???

[@selo2]

lint설정은 편하려나..

[@snaheel9113]

혹시 next.js 프레임웤의 번들링을 vite으로 대체할 방법은 없나요?

[@DrumRobot]

Evan You: "하지 마세요"

[@김동완-t2h]

이분 강의는 왜 Java가 없는지? 설마 Java는 몰?