[TIL] 23.04.19.

오늘의 학습 내용

• 리액트 숙련 강의 수강
• 리액트 숙련 주차 과제 제출 ( 내가 만든 TODO 서비스 리팩토링 하기,vercel로 배포하기)

새로운 배움

• 리액트 Redux 사용하기
• 리액트 개발 패턴 Ducks 패턴
• 리액트 라우터 돔 ( 페이지 이동 처리)
• vercel로 배포하기

문제 상황과 시도, 해결

• 리액트 리덕스에 대해 처음 공부했다. 전역으로 여러 데이터를 프롭스로 내려 주는 과정을 반복하는 것에 대한 문제 (props 드릴)를 해결하기 위한 방법중에 하나인 리덕스를 이용한 전역 스토어를 사용하는 방법을 배웠다. 간단한 카운터를 리덕스로 만들때는 편하다고 생각했는데 막상 내가 만들었던 투두프로젝트를 리덕스로 고쳐보려고 하니 어려웠다. 특히.. 투두 하나하나의 값과 또 그 값들을 모두 가지고 있는 투두 배열을 어떻게 리덕스 스토어로 처리할지 고민이었다. 초기값을 처음에는 두개를 주었다가 하나만 주는게 좋을 것같아 배열과 투두값을 가지는 객체를 만들어서 하나의 초기값을 설정하였다.
• 의도대로 스토어 리듀서의 초기값을 여러개 두지 않고 처리할 수 있었지만 스토어의 값에 접근할때 해당 객체의 투두값안의 실질적인 값들을 접근해야해서 뎁스가 너무 깊어지는것 같아 고민이된다. 이부분은 좀더 고민해보고 다른 방법을 시도해보아야겠다.

느낀점

다른분들과 프로젝트 만든것들을 함께 설명하고 비교하는 시간이 잇었다. 이때 어떤 한 분이 로컬 스토리지를 사용해서 데이터 베이스가 없지만 일시적으로라도 데이터가 유지되는 형태로 프로젝트를 구현하셨다. 어쨋든 동작이 중요하고 데이터베이스가 없으니 브라우저가 종료되거나 리랜더링 되면 데이터가 사라지는게 당연하다고 고려하지 않았던 내가 부끄러웠다. 보다 다양한 방법을 생각하고 사용자가 사용하기에 더 편한게 어떤걸지 고민하는 습관을 길어야겠다고 생각했다.

관련 작성글

첫번째 리액트 프로젝트 바로가기
[리액트] 리덕스 개발 패턴 - 작성중입니다.
[리액트] 리덕스 - 작성중입니다.
[리액트] 리덕스 라우터 돔 - 작성중입니다.