1. git 설치
Git - Downloads
Downloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-specific exp
git-scm.com
git --version // 깃 버전 확인
2. node & npm 설치
- 노드를 설치하면 npm도 저절로 설치 된다
- 너무 최신 버전보다 좀 더 안정적인 버전을 설치하는 것이 좋다
Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
node --v // 노드 버전 확인
npm --v // npm 버전 확인
3. yarn 설치
npm install -g yarn // window에서 yarn 설치
brew install yarn // mac에서 yarn 설치- 만약 mac에 brew가 설치되어 있지 않다면, https://brew.sh/이 사이트에서 확인한다
| node | - 자바스크립을 실행할 수 있는 환경 - "Javascript everywhere!" |
|
| npm | - 라이브러리(패키지)를 다운로드하고 관리하기 쉽도록 도와줌 - package.json - 외부 라이브러리의 버전이나 정보가 들어있음 - "Package Manager" |
|
| npx | - 라이브러리 실행할 수 있도록 도와주는 툴 - "tool for executing packages" |
|
| yarn | - npm위에서 동작 (npm과 호환 가능) - npm + npx (성능이 좀 더 빠름 / 일괄적으로 버전 관리가 잘됨 / 보안성도 좋음) - "Package Manager" |
|
4. react tool
https://create-react-app.dev/docs/getting-started/
Getting Started | Create React App
Create React App is an officially supported way to create single-page React
create-react-app.dev
리액트를 만드는 방법을 공식 사이트에서 설명해준다
npx
npx create-react-app my-appYarn
yarn create react-app my-app- 원하는 툴(npx, yarn)로 리액트를 실행시킬 수 있다!
react start
npm start
yarn start
★ react의 구조 알기
public : 정적인 / 변하지 않는 것을 담고 있음 (index.html, 이미지, 리소스 등)
src : 다이나믹 / 동적으로 변화하는 것을 담고 있음 (js, css 등)
댓글