반응형
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 | 31 |
Tags
- 나스
- Nas
- apk
- react native
- Django
- 수도권 근교
- 시놀로지
- ReactNaitve
- 엑셀
- 리엑트
- Expo
- MSSQL
- reactnative
- docker
- 캠핑장
- 맛집
- 장고
- 캠핑
- 리액트
- 강릉
- 서울
- Firebase
- 함수
- react
- Excel
- synology
- 연곡해변
- 가상환경
- SQL
- 시놀로지나스
Archives
- Today
- Total
차근차근 생활 & 코딩
[REACT] 리액트 시작하기 - 설치하기 편 본문
반응형
리액트 설치 및 실행 방법에 대해 간략히 설명드리겠습니다.
리액트를 만들기 위해 개발 환경을 직접 구축해야 한다.
개발 환경을 직적 구축할 경우 시간이 오래 걸릴 뿐 아니라 유지 보수도 해야 한다.
create-react-app은 리액트로 웹 애플리케이션을 만들기 위한 환경을 제공을 해주는 장점이 있어 추천한다.
쉽게 말하면 어느 정도 사용자의 편의성을 위해 리액트를 필요한 것을 미리 구성해놓은 것이라고 생각하면 된다.
Part 1: React 설치
npm install -g create-react-app
*기기에 Node >= 6 이상이 필요합니다.
Part 2: React App 생성
실행 후 my-app 폴더가 생상 되고 그 안에 몇 개의 폴더와 파일이 들어 있다.
create-react-app my-app
Part 3: React App 실행
우리가 만들었던 폴더에 들어가서 웹 페이지를 실행하자.
cd my-app
npm start
반응형
'IT > REACT(리액트)' 카테고리의 다른 글
[REACT] 리액트 시작하기 - 클래스(Class)형 INPUT 만들기 (0) | 2021.08.23 |
---|---|
[REACT] 리액트 - 자식 → 부모에게 데이터 전달하기 (0) | 2021.08.14 |
[REACT] 리액트 리덕스(react-redux) - Counter App 만들기 (0) | 2021.07.30 |
[REACT] 리액트 기초 프로젝트 - 차트(chart) 만들기 (0) | 2021.07.26 |
[REACT] 리액트 기초 프로젝트 - 테이블 만들기 (0) | 2021.07.25 |
Comments