-
리액트 라이브러리 및 프로젝트 설치방법(계속 수정중)React/React 라이브러리 2022. 12. 20. 22:48
1. 리액트 프로젝트 생성
yarn create react-app 만들폴더명2. styled-components 설치 및 import
yarn add styled-componentsimport styled from 'styled-components'
3. Redux 설치
yarn add redux react-redux적용 방법은 링크 참고
https://my-engineering-blog.tistory.com/49Redux(1)-설치 및 counter app 만들기
Redux 상태관리 라이브러리 전역상태관리 이전에 배운대로라면 props를 통해서 부모->자식 에게로만 정보를 전달 할 수 있었다. 그 한계 때문에 여러 문제가 생기기 때문에 Redux라는 라이브러리를
my-engineering-blog.tistory.com
5. Router 설치
yarn add react-router-dom
적용 방법은 링크 참고
https://my-engineering-blog.tistory.com/55Redux(3) - react-router-dom, props children, Dynamic Route
react-redux-dom 페이지를 구현할 수 있게 해주는 패키지 설치하기 yarn add react-router-dom 명령어로 설치 사용하기 페이지 component를 만들어준다. router.js를 만들어서 router 설정코드 작성 app.jsx에 import하
my-engineering-blog.tistory.com
6. Redux Toolkit 설치
yarn add react-redux @reduxjs/toolkit7. Json Server 설치 / 실행
yarn add json-serveryarn json-server --watch db.json --port 3001
8. Axios 설치
yarn add axios