반응형 React3 [23.06.23.] 리액트 파일만들고, 리덕스 State부분 처음부터하기 새 VScode를 연다 리액트폴더를 저장할 폴더를 연다. (mkdir [폴더명] : 폴더 새로만들기 , cd [폴더명] : 폴더로 가기, ls 현재 공간에 있는 파일 확인하기) 터미널을 연다. npx create-react-app [리액트폴더명] : 리액트 폴더만들기 VScode에서 새로 만든 리액트 폴더를 연다. 터미널을 연다. yarn add redux react-redux : redux와 react-redux 동시설치 yarn add styled-components : styled-components 설치 package.json 파일에서 모두 잘 설치되었는지 확인한다. 1.오류 React Hook "useState" cannot be called at the top level. React Hooks.. 2023. 6. 23. [23.06.23.] Redux State(상태) 2023. 6. 22. [23.06.22.] REDUX - useState 변경, useSelector 사용 1.Redux- 소개 상태관리 라이브러리 (1) useState의 불편함 prop-drilling현상 부모->자식컴포넌트에 state를 내려줄때 항상 거쳐가야하는 중간과정 컴포넌트들이 있어 비효율 Redux는 Store( 중앙데이터관리소) 역할을한다. = 중앙 State 관리소(접근&제어) (2)Redux 설정방법 리덕스는 패키지! 얀통해서 설치하기 yarn add redux yarn add react-redux yarn add redux react-redux 통해 두개 동시 설치 package.json파일에서 설치 확인하기 "react-redux": "^8.1.1", "redux": "^4.2.1", 폴더구조 만들기 [redux]폴더만들기 그 안에 [config]폴더만들기 (redux관련된것 몰아넣을것.. 2023. 6. 22. 이전 1 다음 반응형
