[React] npm 으로 yarn 설치 & yarn으로 react 설치

2023. 7. 28. 20:42·Framework/React

node, npm 버전 확인하기

cmd에 node -v 와 npm --version 을 입력하여 node와 npm이 설치되어 있는지 확인합니다.

yarn install

npm install -g yarn 을 입력하여 yarn 을 설치하고

yarn --version 으로 버전을 확인하여 잘 설치 되었는지 확인합니다.

yarn 으로 react install

yarn global add create-react-app 으로 create-react-app 을 설치합니다.

그 후 create-react-app 프로젝트명 을 입력하여 해당 프로젝트에 리액트 앱을 생성합니다.

맨 마지막 Happy Hacking이 보이면 성공

cd로 생성한 디렉토리로 이동 후 yarn start를 입력하면 생성한 리액트 앱이 실행됩니다!

react-router-dom 설치

yarn add react-router-dom 을 입력해 react router dom을 설치합니다.

'Framework > React' 카테고리의 다른 글

[React] 로그인 후 유저 정보를 Redux에 저장하기 (TypeScript)  (0) 2024.04.10
[React] 리덕스 알아보기  (0) 2024.04.06
[React][Axios] CORS에러 발생 이유와 proxy를 통한 해결  (0) 2023.10.16
[React] JSX와 자바스크립트 표현식  (0) 2023.08.15
[React] 리액트 앱 생성하고 실행하기  (0) 2023.05.20
'Framework/React' 카테고리의 다른 글
  • [React] 리덕스 알아보기
  • [React][Axios] CORS에러 발생 이유와 proxy를 통한 해결
  • [React] JSX와 자바스크립트 표현식
  • [React] 리액트 앱 생성하고 실행하기
hurlud
hurlud
나와 같은 궁금증을 가진 사람들을 위해 오늘도! 🐥
  • hurlud
    주독야독
    hurlud
  • 전체
    오늘
    어제
  • 최근 글

    • ALL (106)
      • CS (13)
      • Linux (2)
      • Deploy (7)
        • AWS (6)
        • Docker (1)
      • IDE (13)
        • IntelliJ (5)
        • Android Studio (8)
      • DB (10)
        • MySQL (6)
        • MongoDB (4)
      • Programming Language (0)
        • JavaScript (10)
        • Java (8)
        • Python (2)
      • Framework (32)
        • Node.js (6)
        • SpringBoot (17)
        • React (6)
        • NestJS (2)
      • Git | Github (4)
      • ETC (5)
  • 링크

    • 깃허브
  • hELLO· Designed By정상우.v4.10.0
hurlud
[React] npm 으로 yarn 설치 & yarn으로 react 설치
상단으로

티스토리툴바