728x90
반응형

FRONT/REACT 2

🚀 Vite를 활용한 React + TypeScript 개발 환경 설정하기

🚀 Vite를 활용한 React + TypeScript 개발 환경 설정하기안녕하세요! 오늘은 Vite를 사용해서 React와 TypeScript 기반의 개발 환경을 빠르게 구축하는 방법을 안내해 드리겠습니다. create-react-app이 유지보수 중단된 이후, Vite는 더 빠르고 현대적인 대안으로 자리 잡았습니다. 그럼 바로 시작해볼까요? 🎉1. Vite란 무엇인가요?Vite는 차세대 프론트엔드 빌드 도구로, 개발 서버와 빌드 성능에서 기존 도구(예: Webpack, CRA)를 압도하는 속도를 제공합니다.• 빠른 개발 서버: ES Module 기반으로 코드 변경 시 즉시 반영됩니다.• 최적화된 빌드: Rollup을 기반으로 생산 빌드가 최적화됩니다.• 간편한 설정: 복잡한 설정 없이 빠르게 프로..

FRONT/REACT 2024.12.18

react 세팅 – brew를 이용한 zsh 쉘에서 react 실행

HOMEBREWhttps://brew.sh/ko/해당 사이트에서 차례대로 설치를 진행하기.이후 저는 수 많은 블로그 중 아무거나 잡고 iterm2를 설치하고 zsh 쉘에서 모든 환경을 구축했습니다.NODE 및 NVM 다운nvm은 아래와 같이 차례대로 진행합니다.brew update # brew를 찾지 못한다면 vi ./~zshrc에서 위치를 설정해야합니다.brew install nvm # nvm을 설치합니다.mkdir ~/.nvm # 꼭 만들어주셔야 합니다.vi ~/.zshrc # 이후 위치 설정을 해야합니다.# ~/.zshrc 설정export NVM_DIR=~/.nvmsource $(brew --prefix nvm)/nvm.sh # 해당 두 줄을 그대로 복사하여 넣습니다.source ~/.zshrc #..

FRONT/REACT 2024.11.11