1. Visual Studio Code 설치( 이전 글 참고 )
[JS]기초 학습
1. 개발도구 설치 Visual Studio Code Download Visual Studio Code - Mac, Linux, Windows Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual St
taisou.tistory.com
2. 플러그인 설치
Visual Studio Code 의 왼쪽 사이드 메뉴에 있는 네모네모 버튼을 누르고 ( Extensions ) 아래의 모듈을 검색해서 설치 한다. 버전은 그때그때 다를수 있음
- ESLint(v2.4.2)
- Prettier - Code formatter (v10.1.0)
- Reactjs code snippets(v2.4.0)
- ES7+ React/Redux/React-Native/JS snippets(v4.4.3)
- Live Server(v5.7.9)
3. React Devloper Tools 설치
크롬 브라우저에서 ( 크롬 브라우저가 없으면 먼저 설치 ! )
https://chromewebstore.google.com/search/React%20developer%20tools?hl=ko
Chrome 웹 스토어
디스커버확장 프로그램테마
chromewebstore.google.com
를 입력하고, 확장 툴인 React Developer Tools 를 설치한다.
4. Node.js 설치
Download | Node.js (nodejs.org)
Download | Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
LTS 버전을 설치한다. ( 현재 최신버전 v20.10.0-x64 로 설치한다. )
기본값으로 Next..Next 하면됩니다.
정상설치 확인!
cmd 창에서 node -v 입력
5. 프로젝트 생성
적당한 폴더에 아래의 커맨드를 입력해서 생성합니다.
npm init vite helloapp -- --template react-ts
cd helloapp
npm i
npm run dev
잘 설정되었으면 아래 화면을 볼 수 있습니다.
