mystery

지난 4탄에서 우리는 Store의 state를 모든 Component에서 접근 가능한 상태로 만들어 두었습니다. 그러면 접근을 해봐야겠쥬~? 이번시간에는 본격적으로 State값을 사용하고 수정 해보겠습니다잇 !! 언제나 그랬듯이 본론을 바로 들어갈 수 없슴다ㅎ 개념을 잡고 읽어야 더 이해하기 쉬우니까유~ 1. Component 분리하기 저도 Redux를 배우고 써보면서 알게된 개념입니다. 우리는 이제 우리가 쓰던 Component를 2개로 분리할겁니다!!! 프리젠테이셔널 컴포넌트와 컨테이너 컴포넌트로 말이쥬~~ 말은 거창한데 사실 별거없더이다. 말 그대로~ 프리젠테이셔널 component → 보여지는 것 (UI) 들을 담은 component 이다 컨테이너 component → 이 안에서 State값을 불..

간단히 3탄을 복기 하고 넘어가보쟝! 저번 시간에는 모듈을 완성했다! 모듈에는 액션 타입과 액션 생성함수, 리듀서 가 들어있다! 여기까뤼~ 이제 본격적으로 만들었던 모듈을 사용해봅시댜! 는 ~ 들어가기에 앞서서 하나만 더 짚고 넘어가겠슴다! 1. Reducer가 여러개라면 ? 지금은 모듈이 하나지만, 우리가 State 하나로만 모든걸 해결하지 않듯이 추후에는 하나의 프로젝트에서 여러개의 모듈을 만들게 될것이고 또 그렇게 할겁니다. 아마도여~ 그렇다면 당연히 Reducer도 여러개 생기겠네유~ 그런경우에 우리는 여러개의 Reducer를 하나로 합쳐서 관리할 수 있슴다 ~ 따라오세여~ 우리 모듈파일 있는곳( modules디렉토리 ) 에다가 파일하나 더 만듭시댜! 파일명은 알아서들 하슈 짜잔~ 위에부터 차근히..

1,2탄의 내용은 글쓴이인 제가봐도 당연히 이해가 가지 않을것 같은 부분이 많습니다. 전체적인 동작원리에 대해 정확히 모르는 상태에서 개별 부품에 대한 설명부터 하기때문입니다~ 하지만 꼭 필요했던 정보들입니다. 한번 쓰윽 읽고 3탄을 보면 이해하기 쉬울겁니다. 우선 차근히 보다보면 마지막에 전체 원리 설명해줄거임 ! 그러면 유레카! 하지 않을까요 ? 꼽으면 마지막부터 읽던가요 이젠 정말 배워봅시다.... Redux 3탄 레츄기릿 시작하기에 앞서서 라이브러리 설치부터 해줍시다. 터미널에서 npm install redux , npm install react redux 갈겨줍니다. 가보쟈이이~~~잇! 1. 리덕스 모듈을 만들어보자! "src" 디렉터리에 "modules" 라는 하위 디렉터리를 생성하고 그 안으..

2탄입니다. 진짜 사용법에대해서 알아볼건데 잘 따라오셔야 합니다. 왜냐믄 이것저것 뭐가 많이 등장하거든요 분명 보다보면 " 아니~~ 슈바 그냥 useState 써서 props로 떤질까 ? " 이런생각 들거에요 분명 들거야.. 근데 나름 이 원리를 이해하는거 자체가 쪼금 재밌는거 같기도한데요... 하... 암튼 재밌음 따라와보셈... 진짜 마지막으로 몇가지만 더 설명하고 사용법ㄱㄱ 하겠슴다. "아니 사용법 언제알려줌 ㅡㅡ " 이라고 하시겠지만 어쩔수 없음 중요한걸요.. Redux의 필수규칙 3가지입니당. 1. Store는 항상 1개다 . 말글대로 입니다. Store는 그냥 뒤져도 1개라고 생각하세요. 2. State는 읽기전용이다. ! 항상 State는 값을 직접 수정하지 않아야합니다. ( immutabl..

포스팅이 약 3주? 정도 없었는데 이 상노무 Redux를 조금이라도 더 정확히 파악하고 포스팅 하고 싶었기 때문입니다! (사실상 redux만 잡고 있었음) 이 친구는 저번 글에 썼던 Context API 와 비슷한 능력을 가진 친구입니다. 우리를 props 지옥에서 벗어나게 해주는친구. props 연결고리 대신 별도의 공간에서 state를 만드는 느낌인데 자세한건 아래에 설명 하겠어요~ 꽤 많은 사람들이 Redux를 쓴다고 한다. 점유율이 높은편 세상은 앞으로도 더 좋아지면서 이 Redux마저도 간단하게 만들 전역상태관리 도구가 나오겠지만 여튼 세상은 아직 Redux를 쓴다고 합디다~ ( Context API 와 비교했을때 장점이 많이 있더라) 핵 코린이 시점에서 생각했을때 좋은점은 state변경 로직을..