02 - 13 ~ 02 18 정리

정리라고 해야할까.......일단 배우면서 한 번 이상 썼던 리액트 활용 명령어를 정리해둬야겠다 느꼈다. 매 번 살펴볼 수 없으니 한데 모아두고 외울 때 까지 신세져야 할 것 같다.

 

필수 프로그램 설치

VScode	gitbash	node	yarn
검색 후 설치	검색 후 설치	검색 후 설치	npm install - g yarn

CRA

리액트 앱 설치

yarn create react-app 프로젝트명

 

 

 

폴더 구조

Components - 컴포넌트 집합

Pages - 라우터 돔 활용 위한 페이지 집합

redux - configStore.js - 리덕스 모듈 위한 장치

redux - modules - 리덕스 모듈 집합

shared - Router.js - 리액트 라우터 돔을 위한 장치

 

설치 명령어 모음

 

프로젝트 생성	yarn create react-app
스타일드 컴포넌트	yarn add styled-components
리덕스	yarn add redux react-redux
리액트 라우터 돔	yarn add react-router-dom
리덕스 툴킷	yarn add react-redux @reduxjs/toolkit
제이슨 서버	yarn add json-server
액시오스	yarn add axios