[멋쟁이사자처럼 - 프론트엔드 스쿨 TIL] React 시작하기전(1)

Today I Learn : 2024-07-22

---

1. 학습 사전 준비

• Git
• GitHub
• Node.js
• PNPM
• Chrome Browser
• Visual Studio Code (설치보다 포터블 버전 사용 권장)

---

2. 디자인 → 개발 hand-off

• 모두가 접근 가능
• 의미있는 구조 설계
• 체계적인 표현 설계
• 원활한 상호작용 설계

---

3. 리액트 X ECMAScript

※ ECMASciprt 학습을 위한 환경 구성

• 프로젝트 스캐폴딩 

→ 설치 : https://www.npmjs.com/package/live-server#usage-from-command-line

live-server

① pnpm

pnpm dlx live-server --host=localhost --port=3000 --no-browser --mount='/:./public'

 

② npx

npx live-server --host=localhost --port=3000 --no-browser --mount=/:./publilc

• VScode 확장 설치 (.vscode폴더 > extensions.json에서 활성화 하기)

① Quokka.js

② Quokka Statusbar Buttons

 

---