Front END/React2 리액트 프로젝트 초기 설정 - CRA vs Vite 번들러란? https://blog.leehov.in/24 [JavaScript] 번들러(Bundler)란? 프론트엔드를 개발하다보면 웹팩(WebPack)이나 파셀(Parcel)같은 이름을 종종 마주하곤 한다. 사실 나도 이름은 들어봤지만 어떤 기능을 하는지, 왜 필요한지 전혀 몰랐고, 번들러라는 용어는 심지 blog.leehov.in 번들러역사를 살펴보자 일단 비교를 하기전에 번들러의 역사를 살펴보자면 Grunt, Gulp 같은 자동화 도구를 사용하다가 웹팩을 얼굴마담으로 해서 번들 기반들이 나타나기 시작했습니다. webpack, rollup, parcel가 여기에 속한 친구들이죠 반면에 차세대 번들러들이 나타났습니다. Native ESM기반으로 동작하거나 또는 swc기반으로 동작하는 친구들이죠 (esb.. 2023. 2. 12. React, Typescript, TailwindCSS, NodeJs, Vite 프로젝트 세팅 1. NodeJs 설치 (18.14.0 LTS) Vite는 버전 14.18+ 또는 16+ 의 Node.js 를 요구합니다. 현재버전 : 지금까지 나온 버전 들 중 최신 버전. LTS : 지금까지 나온 버전들 중 많은 사람들이 사용하면서 나온 버그들을 패치하여 가장 안정적인 버전 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 다음만 눌러서 설치 2. 세팅 폴더 만들기 2-1) 세팅해줄 경로에 폴더 만들기 (workspace) 2-2) shift + 우클릭 2-3) PowerShell 창열기 Vite버전: 2.9.2 으로 설치 $ npm create .. 2023. 2. 4. 이전 1 다음
