Record4me

시작하면 끝을 봐야지

Redux 2

[TIL] 24_0214 세번째 프로젝트를 마치며, prop-drilling-context-redux

-세번째 프로젝트를 마치며, 휴먼에러로 삽질만 몇 번을 했는 지 모를 2일을 보내고 다른 2일간은 prop-drilling, 1일은 redux로 개선하는 시간을 보냈어. 첫번째 삽질만 아니었어도...하지만 의미있는 삽질이었어. ㅎㅎ prop-drilling-context-redux 처음 prop-drilling할 때 휴먼에러로 고생한 것과 초기 state 데이터 형태가 배열과 객체로 따로 관리되서 setState로 변한 값을 설정해줄 때 데이터 형태를 어떻게 뿌려줄 지 무지 고민했던 것 같아. contextAPI를 사용해서 state를 공유하니까 정말 세상 편하지 않을 수가 없더라. prop-drilling에서 답답했던가 1차로 싸악 풀렸어. 하지만 최상위 컴포넌트에서 state를 보내주려고 하니까 왔다..

TIL 2024.02.03

[TIL] 23_0130 Redux -Action Value Creator

Redux -Action Value Creator 중앙 데이터 관리소인 store에서 리듀서는 store에 들어있는 state(상태)를 제어해. 들어온 state값으로 지지고 볶아서 내보내주거나 보관하는겨. 초기 리듀서는 이렇게 고지식했어. // counter.js // 초기 상태값(state) const initialState = { number: 0, }; //원래라면 // const [number, setNumber] = useState(0); 지만 위처럼 바꾼거야. // 리듀서 : "state에 변화를 일으키는"함수 // (1) state를 action의 type에 따라 변경하는 함수 // state를 action 안에 있는 type에 따라서 변경하는 작업 // input : state, acti..

TIL 2024.01.30