리액트

[ React ]

-- 리액트 설치
01. microsoft store > windows terminal
02. node.js 설치
03. windows terminal 에서 node -v 확인
04. 프로젝트 폴더 만들기 (react-dev)
05. 프로젝트 폴더에서 오른쪽 클릭 > 터미널에서 열기
06. npx create-react-app note-app 후 y 입력하여 실행
07. cd n 입력 후 탭 하면 note-app 자동완성
08. code . 실행하면 vscode 오픈
09. vscode의 터미널 실행
10. vscode의 터미널에서 npm start 실행하면 리액트 실행됨

-- 깃허브에 프로젝트 업로드
01. 깃허브에 새 프로젝트 생성
02. vscode의 터미널에서 + 버튼을 눌러 새로운 터미널 실행

git init
git add .
git commit -m "note"
....
순서대로 실행

-- vscode 확장
01. ES7+ React/Redux/React-Native snippets
: 설치 후 js 파일에서 rfc 입력 후 탭하면 자동완성

-- react css
https://tailwindcss.com/

-- react packages
https://www.npmjs.com/

-- react 에서 로컬의 db연결
json-server --watch ./src/db/data.json --port 3001