React 개발 환경 세팅
📌 크롬 브라우저
https://www.google.co.kr/chrome/
Chrome 웹브라우저
더욱 스마트해진 Google로 더 간편하고 안전하고 빠르게.
www.google.com
📌 VScode
https://code.visualstudio.com/
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
📌 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
📌 Node
Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
node 설치 확인
$ node -v
📌 npm이란?
Node Package Manager
여러 패키지를 다운받아 활용할 수 있는 마켓이면서 명령
node.js를 설치할 때 자동으로 생성
NPM platform 자체
$ npm install [설치할 패키지 이름]
📌 yarn 설치하기
$ npm install -g yarn
-g : global
yarn 설치 확인
📌 yarn이란?
2016년에 페이스북에서 개발한 패키지 관리자
npm과의 호환성이 좋고, 속도나 안정성 측면에서 npm보다 월등히 좋음
$ yarn add [설치할 패키지 이름]
📌 npm과 yarn 차이점
속도 : yarn wins
보안 : yarn wins
'JavaScript > React' 카테고리의 다른 글
State (0) | 2023.06.06 |
---|---|
JSX, Props (2) | 2023.06.04 |
React Component (0) | 2023.06.04 |
Create React App (0) | 2023.06.03 |
React 소개 및 JavaScript 문법 (0) | 2023.06.03 |