1일

Project

react-redux 적용

상태관리를 위해 react-redux를 적용한다. 어렵다는 이유로 슬금슬금 피하기만 했는데 이젠 피할 수 없게 되었다. 왜냐하면 input 작업 시 유효성 검사에 관련된 상태, value 상태 등 상태 변화가 자주 일어나며 상태 업데이트를 해야 하는데 생각보다 규모가 커지고(내 기준) 복잡해진다. 결국 useState로 사용하던 상태 관리를 접고?! react-redux로 갈아탄다. 결국, 필요하다고 생각해야 한다. 그리고 이렇게 경험해야 왜 그것을 사용해야 하는지 알 것 같다.

storybook

storybook에서 react-redux를 사용하니 계속 오류가 뜬다. 왜 이럴까?

storybook에서는 동적으로 변경되는 자료를 처리하려면 목(Mock) 자료인 일종의 가짜 자료를 만들어 테스트해야 한다. 여기서 말하는 동적으로 변경된다는 말은 context API, redux 등을 말한다.

그래서 일단 따로 테스트 작업을 하지 않으면 사용할 수 없다. 결국 CRA 환경에서 확인하면서 작업을 진행한다.

input은 너무 어려워

야심 차게 input 상태관리를 react-redux로 한다고 했으나 작업이 쉽지 않다. 오늘 온종일 그 부분에 매달려서 씨름을 했다. 도대체 왜 이러는 걸까?

먼저 inputslice의 기본 상태 값을 바인딩하는 것은 성공했으나 상태 업데이트가 안 된다. 이 부분의 원인을 찾으려 코드를 지워보고 다시 해보고 수정해보고 등등 몇 시간의 사투를 벌였으나 성공하지 못했다.

Algorithm

오늘부터 알고리즘 문제를 풀기 시작한다. Node.js 환경에서 하려다 보니 Node.js의 기본 입출력하는 방법을 몰라서 한참을 헤맸다.