redux 3

Redux 4탄 - Store의 등장

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

Frontend/Redux 2021.07.12

Redux 3탄 - Redux module

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

Frontend/Redux 2021.07.11

Redux 1탄 - Redux의 흐름

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

Frontend/Redux 2021.07.10