[ React ] window + react install 윈도우에 리엑트 설치하기 > react

본문 바로가기
사이트 내 전체검색

react

[ React ] window + react install 윈도우에 리엑트 설치하기

페이지 정보

작성자 웹지기 댓글 0건 조회 7,251회 작성일 20-05-15 11:28

본문

기본적으로 설치해야 할 프로그램 목록

node.js

npm

yarn

create-react-app

editor( visual studio code 등등 본인이 사용하는 editor )

git

설치시 cmd 또는 cmder를 설치해서 사용 

 

1. node.js 설치

https://nodejs.org/ko/download/ 에서 윈도우용을 다운받아서 설치

2. npm 설치

node.js 설치시 자동으로 설치

3. yarn 설치

cmd 또는 cmder에서

npm install --global yarn

설치확인 : yarn -v

4. create-react-app 설치

cmd 또는 cmder에서

npm install -g create-react-app

또는

yarn global add create-react-app

5. 프로젝트 생성

설치를 원하는 폴더로 이동

예) d:\react 폴더에 생성하고 싶다면 

cd d:\react

npx create-react-app [프로젝트명]

cd [프로젝트명]

yarn start

react를 자동으로 실행하고 기본브라우져로 지정된 브라우져에 react 첫 화면이 나옴

경로는 대략 localhost:3000

추천0 비추천0

댓글목록

등록된 댓글이 없습니다.

Total 3건 1 페이지
  • 3 [ react ] react 프레임워크 Next.js 설치
  • 많은 프레임워크가 존재한다. 그중에서 몇가지만 소개하자면 Ant Design Next.js Mui Semantic UI 더 많겠지만 여기까지만............ 저는 Next.js를 선택했습니다. https://2020.stateofjs.com/ko-KR/ 이곳에 javascript관련 된 순위가 나오는데 next.js가 1위더라구요 여기서부터는 cmd에서 실행하면 됩니다. 일단 설치는 react 설치 후 ( 저는 typescript를 사용하려고 아래처럼 사용했습...
  • 웹지기 01-20 4024 0 0 댓글 0
  • 2 [ react ] react 시작하기 - 레이아웃 및 디자인 쉽게 적용하기 ( semantic ui reac…
  • semantic ui react - react 에 jquery를 접목시킨 템플릿이라고 보면됨 https://react.semantic-ui.com/ 페이지에 접속해보면 설치 방법과 사용방법이 나와 있다. 일반적으로 사용하는 bootstrap 템플릿과 비슷한 형태라고 보면 된다. 설치 방법은 yarn을 이용하는 방법과 npm을 설치하는 방법이 있다.
  • 웹지기 01-20 5400 0 0 댓글 0
  • 열람중 [ React ] window + react install 윈도우에 리엑트 설치하기
  • 기본적으로 설치해야 할 프로그램 목록 node.js npm yarn create-react-app editor( visual studio code 등등 본인이 사용하는 editor ) git 설치시 cmd 또는 cmder를 설치해서 사용 1. node.js 설치 https://nodejs.org/ko/download/에서 윈도우용을 다운받아서 설치 2. npm 설치 node.js 설치시 자동으로 설치 3. yarn 설치 cmd...
  • 웹지기 05-15 7252 0 0 댓글 0
게시물 검색

회원로그인

접속자집계

오늘
3,311
어제
11,951
최대
61,067
전체
11,128,303

그누보드5
Copyright © funyphp.com. All rights reserved.