TIL, 06.27

항해 리액트 공부

리액트 최적화와 Redux 그리고 Dynamic Route에 대해 공부했다. Redux는 처음 공부하는 거라 내용 이해가 어려웠다. 그래서 리덕스에 대해 다시 되새김질하면  리덕스는 전역상태 관리 라이브러리로 props로 state 불편함을 해결해 준다. state 공유를 할때 부모 관계가 아니어도 되고 중간에 의미 없는 컴포넌트를 거치지 않아도 된다. 리덕스 흐름에 대해 알아보면 view에서 액션이 일어나면 dispatch에서 action이 일어나고 action에 의한 reducer 함수가 실행되기 전에 middleware가 작동된다. middleware에서 명령 내린 일을 수행하고 난 뒤 reducer 함수를 실행한다. reducer의 실행결과 store에 새로운 값을 저장한다. store의 state에 subscribe하고 있던 UI에 변경된 값을 준다. 개념은 어느 정도 이해가 가는데 처음이라 그런지 실제로 써보는 것을 잘 못하겠다. 그래서 내일은 리덕스 연습을 해보아야겠다. Dynamic Route는 리액트스터디에서 조금 써봐서 그런지 그래도 한결 나았다 Dynamic Routes 기능을 이용해서 간결하게 동적으로 변한느 페이지를 처리할 수 있다. 또한 useParam을 이용하면 같은 컴포넌트를 렌더링 하더라도 각각의 고유한 id값을 조회할 수 있어서 다양하게 활용할 수 있을 거 같다

 

후기

역시 새로운 개념은 어렵다. 오늘은 강의를 들으면서 개념정리와 사용법을 알아보았는데 처음이라 그런지 강의를 따라 코드를 쳐보았는데 아직은 머리속에 쏙쏙 들어오지 않았다. 전역상태 관리하는것이 중요하다고 들어서 반복해서 연습해봐야 할 거 같다.