[React] React 시작하기

1500 단어 ReactReact

☝🏻Node.js 및 npm 설치

🚀 Node.js는 무엇인가?

Node.js는 웹 브라우저 환경이 아닌 곳에서도 자바스크립트를 사용하여 연산할 수 있도록 해준다.
본인의 컴퓨터 사양에 맞는 버전을 다운로드 하면된다.

Node.js 설치하기

설치를 완료했다면 cmd에서 아래와 같은 명령어를 입력한다.
버전명이 뜬다면 정상적으로 설치가 된 것이다.

node -v

🚀 yarn도 설치해주자!

node.js를 설치하면 npm이 설치되지만 yarn이라는 패키지 관리자 도구를 부가적으로 설치한다.
yarn은 npm보다 더 빠르고 기타 부가 기능을 제공한다.

npm install -g yarn

yarn을 설치 하였다면 아래와 같은 명령어를 입력한다.
아까와 같이 버전명이 나온다면 제대로 설치한 것이다.

yarn -v

yarn설치 참고링크


✌🏻 CRA(Create-React-App) 설치

🎈 npm 으로 프로젝트 만들기
터미널에 다음과 같이 터미널에 명령한다.

npx create-react-app 프로젝트이름

🎈 yarn 으로 프로젝트 만들기

yarn create react-app 프로젝트이름

🤟🏻 프로젝트 실행

🎈 npm으로 실행하기
터미널에 다음과 같이 입력한다.

cd 프로젝트이름
npm start

🎈 yarn 으로 실행하기
터미널에 다음과 같이 입력한다.

cd 프로젝트이름
yarn start

좋은 웹페이지 즐겨찾기