반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 리액트
- 자바스크립트 코딩테스트
- ReactNative
- 평일코딩
- javascript
- CSS
- 정보처리기사실기
- 자바스크립트
- 코딩테스트
- 정보처리기사요약
- spring
- 정보처리기사정리
- 정보처리기사
- 국비IT
- 오라클
- 자스코테
- Java의정석
- react
- 스프링
- typescript
- Oracle
- 타입스크립트
- 이안의평일코딩
- 정보처리기사실기요약
- 정보처리기사실기정리
- VUE
- 자바의정석
- 국비코딩
- 리액트네이티브
- php
Archives
- Today
- Total
이안의 평일코딩
[React] 리액트 설치와 초기 개발환경 셋팅 본문
반응형
리액트 초기 셋팅
최근 Vue를 계속 사용하다보니 리액트 초기 설정을 까먹어서 다시 기억하기 위해 써본다.
분명히 업로드한 것 같은데 블로깅이 안되어 있어서 다시 씀.
먼저, Nodejs 최신버전이 필요하다.
그리고 터미널(Mac) 또는 명령 프롬프트(Windows)에 아래와 같이 입력한다.
npx create-react-app 프로젝트명
그리고 IDE에서(나는 vscode) 프로젝트명으로 만든 폴더를 open한 뒤 아래와 같이 입력하면 실행된다.
npm run start
또는
yarn start
(vue에서는 주구장창 npm run serve만 치다가 npm run start치니 어색하다.)
반응형
'Front-end > React' 카테고리의 다른 글
[React] 리액트 이미지 넣는 방법 (이미지 경로) (4) | 2021.05.11 |
---|---|
[React] 리액트 IE11 익스플로러 연동 크로스 브라우징 해결 (0) | 2021.05.11 |
[React] boiler plate 로그인 & 회원가입 (0) | 2021.01.07 |
[React] Redux 기초 문법(2) - reducer, dispatch 함수 (1) | 2021.01.03 |
[React] Redux 기초 문법(1) - 설치 및 세팅 (0) | 2021.01.02 |
Comments