공청
개발하는 금융인
공청
전체 방문자
오늘
어제
  • 분류 전체보기 (102)
    • 개인적인 이야기 (27)
    • IT에 관한 글 (15)
    • 경제, 금융 (12)
    • Python (2)
    • Javascript (6)
    • golang (2)
    • 비전공자를 위한 IT 지식 (0)
    • SQL (SQLD,SQLP) (1)
    • React (Front-end) (29)
    • 정보처리기사 (0)
    • Typescript (4)
    • (study) 모던 자바스크립트 Deep Dive (0)

블로그 메뉴

  • 홈
  • 태그
  • 미디어로그
  • 방명록
  • 글쓰기

공지사항

인기 글

태그

  • Golang
  • javascript
  • 트래블카드
  • 언섹시비즈니스
  • 웹개발
  • 조건부렌더링
  • 인터넷
  • vscode
  • Fira Code
  • 프로그래밍
  • Effective Typescript
  • 짧은생각
  • react-router
  • 미국주식
  • next.js
  • ChatGPT
  • useref
  • typescript
  • react
  • HTTP
  • vite
  • 트래블월렛
  • approute
  • 일기
  • sql
  • 기술스택
  • go
  • WSGI
  • 창업
  • python

최근 댓글

최근 글

티스토리

반응형
공청

개발하는 금융인

React 프로젝트 시작하는 여러가지 방법
React (Front-end)

React 프로젝트 시작하는 여러가지 방법

2023. 1. 15. 13:56

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

"블로그 내의 광고와 쿠팡 링크를 클릭해주시면 블로그 운영에 큰 힘이 됩니다."

반응형

 

 

 

1. CRA

npx create-react-app 프로젝트명

-> 원래는 npm install -g create-react-app을 한 후 create-react-app을 실행해야하지만,

npx로 바로 모듈을 실행할 수 있다.

 

2. yarn을 이용한 방법

yarn은 npm install -global yarn으로 설치한다.

yarn create react-app ./
yarn start

 

3. vite을 이용한 방법

1) NPM 방법

 

npm 버전 6일 때

npm create vite@latest 프로젝트명 --template react

 

npm 버전 7이나 그 이상일 때 (-- 가 한 번 더 들어감)

npm create vite@latest 프로젝트명 -- --template react

 

2) Yarn 방법

yarn create vite 프로젝트명 --template react

 

끝.

반응형
    'React (Front-end)' 카테고리의 다른 글
    • (React) useState hook의 setState를 통해 여러 값의 상태값을 저장하고 싶을 때
    • 리액트를 공부하는 순서와 공부해야할 것들, 샘플 프로젝트 추천
    • (React Router) 5. 중첩 라우팅
    • (React Router) 4. contact.jsx 생성과 라우팅
    공청
    공청
    투자, 프로그래밍, IT에 대한 글을 씁니다.

    티스토리툴바