230625 내일배움캠프 6주차 WIL

230625 내일배움캠프 6주차 WIL

 

Facts

1. React 2주차 레벨2, 레벨3 과제 진행했다. react-router-dom, redux 라이브러리를 사용해 페이지를 나누고 상태를 관리하는 방법을 적용했다. module css 적용하여 컴포넌트 별로 독립된 스타일을 작성할 수 있었다.
2. Framer를 사용하는 방법에 대해 알아보고, 간단하게 페이지를 만들어 보았다. 

 

Feelings

1. 모든 것을 한 페이지로 만드는 것보다 react-router-dom을 사용해 페이지를 나누는 것이 더 좋은 방법인 것 같다.
2. redux를 사용해 상태 변화와 관련된 동작을 한 곳에서 관리하니 기능을 추가하거나 에러가 생길 때 수정하기 편했다.
3. Framer는 색다른 경험이었다. 기본적으로 컴포넌트가 상호작용이 가능한 것이 신기했다.

 

Findings

1. Router를 통해 구체적인 페이지의 주소를 만들면 브라우저를 통해 페이지를 탐색하거나 북마크 기능, 링크 공유 시에 이점이 많아 좋았다
2. Redux는 좋은 점도 많았지만, 리듀서를 작성할 때 가독성이 안좋아 보인다.  switch문이 최선인지 아직 모르겠다.
3. redux의 useSelector와 useDispatcher를 사용하는 컴포넌트가 많아지면 상태의 흐름을 제대로 파악할 수 있을지 모르겠다. 

 

Future

1. 앞으로의 리액트 프로젝트에서는 라우터와 상태 관리 라이브러리는 필수가 될 것 같다.
   쓰다보면 이 라이브러리들도 단점을 찾을 수 있지 않을까