하이고니의 개발 스토리

리액트가 상태 변경을 감지하기 위해 만족되어야 하는 조건 const [count, setCount] = useState(0); 1) 상태 변경 함수가 호출되어야 한다. count = 2; 이런 식의 재할당은 X 2) 상태 변경 함수에 전달된 인자와 기존의 상태가 달라야 한다. setCount(0) // => X : 0 === 0 true setCount(1) // => O : 0 === 1 false 상태가 참조형 데이터라면? => 참조형 데이터는 자신의 값으로 주소를 담고 있음. 주소가 달라져야 상태 변경을 인지한다. 아래는 코드스테이츠에서 제공 받은 'CMarket' 이라는 싱글 페이지 어플리케이션이다. path="/" 상품리스트 페이지 path="/shoppingcart" 장바구니 페이지 더미 데이..

Redux: state를 여러 Component에서 사용해야 하는 경우, props 없이 state를 공유하면서, 작업의 편의성을 높여주는 라이브러리. redux store.js 파일 내에 state들을 저장하고 여러 Component에서 꺼내 쓴다. 세팅: 1. 터미널에서 redux 설치 npm install @reduxjs/toolkit react-redux 2. store.js 파일 생성 3. store.js 파일 내에 코드 복붙 import { configureStore } from '@reduxjs/toolkit' export default configureStore({ reducer: { } }) 4. index.js 에 코드 추가 import store from './store.js' sto..