[React] React 시작하기
☝🏻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
✌🏻 CRA(Create-React-App) 설치
🎈 npm 으로 프로젝트 만들기
터미널에 다음과 같이 터미널에 명령한다.
npx create-react-app 프로젝트이름
🎈 yarn 으로 프로젝트 만들기
yarn create react-app 프로젝트이름
🤟🏻 프로젝트 실행
🎈 npm으로 실행하기
터미널에 다음과 같이 입력한다.
cd 프로젝트이름
npm start
🎈 yarn 으로 실행하기
터미널에 다음과 같이 입력한다.
cd 프로젝트이름
yarn start
Author And Source
이 문제에 관하여([React] React 시작하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@myanne/React-React-시작하기
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
🚀 Node.js는 무엇인가?
Node.js는 웹 브라우저 환경이 아닌 곳에서도 자바스크립트를 사용하여 연산할 수 있도록 해준다.
본인의 컴퓨터 사양에 맞는 버전을 다운로드 하면된다.
Node.js 설치하기
설치를 완료했다면 cmd에서 아래와 같은 명령어를 입력한다.
버전명이 뜬다면 정상적으로 설치가 된 것이다.
node -v
🚀 yarn도 설치해주자!
node.js를 설치하면 npm이 설치되지만 yarn이라는 패키지 관리자 도구를 부가적으로 설치한다.
yarn은 npm보다 더 빠르고 기타 부가 기능을 제공한다.
npm install -g yarn
yarn을 설치 하였다면 아래와 같은 명령어를 입력한다.
아까와 같이 버전명이 나온다면 제대로 설치한 것이다.
yarn -v
🎈 npm 으로 프로젝트 만들기
터미널에 다음과 같이 터미널에 명령한다.npx create-react-app 프로젝트이름
🎈 yarn 으로 프로젝트 만들기
yarn create react-app 프로젝트이름
🤟🏻 프로젝트 실행
🎈 npm으로 실행하기
터미널에 다음과 같이 입력한다.
cd 프로젝트이름
npm start
🎈 yarn 으로 실행하기
터미널에 다음과 같이 입력한다.
cd 프로젝트이름
yarn start
Author And Source
이 문제에 관하여([React] React 시작하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@myanne/React-React-시작하기
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
🎈 npm으로 실행하기
터미널에 다음과 같이 입력한다.
cd 프로젝트이름
npm start
🎈 yarn 으로 실행하기
터미널에 다음과 같이 입력한다.
cd 프로젝트이름
yarn start
Author And Source
이 문제에 관하여([React] React 시작하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@myanne/React-React-시작하기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)