(렌더링 순서 + 모듈화)의 중요성

1) 리덕스 + sessionStorage

이번에 리덕스를 사용하면서 새로고침을 해도 redux state 가 유지될 수 있게 sessionStorage를 활용한 코드를 짰다. 유지되는 state를 이용해 새로고침 시에도 api 요청이 가능하게 짰다고 생각한 순간....

응답으로 error를 받았다..

그래서 console을 찍어보면서 알게 된게 리렌더링 및 순서에 관한 문제로 인해 제대로 api 요청이 되지않는다는 것을 알았다.

간단한 예외처리를 통해 문제는 해결했지만 뒤가 찜찜한 기분이기에 따로 공부를 좀 한 후 관련 내용을 포스팅 하면 좋을 것 같다.

2) 모듈화

하나의 컴포넌트 또는 함수를 수정하게 될 경우 해당 컴포넌트나 함수를 사용하는 곳에서 인자 및 props를 다르게 내려줘야 하는것을 여실히 경험하게 되었다....

이번에 직접 일일히 수정하면서 느낀게 단순히 코드를 구현하는 것에 급급한 것이 아니라 좀 더 멀리보고 큰 틀안에서 코드를 생각하고 짜야한다는 것을 깨달을 수 있는 좋은 기회였다.

이러한 명칭을 순수함수라고 한다는 것을 이번에 알았다. 순수함수란 외부에 영향을 받지 않는 함수를 의미하는데 이러한 함수가 모듈화가 잘 되어있는 것이라고 한다. 이렇게 모듈화가 잘 되어있어야 해당 함수를 사용하는 곳에서 함수에 주는 인자를 수정할 필요가 없어져 유지보수에 큰 도움이 된다. 앞으로는 이렇게 모듈화가 잘 되어 있는 코드를 짤 수 있도록 노력해야겠다.