2023-11-06 본 캠프 23일차 / 42일차 TIL

2023-11-06 본 캠프 23일차 / 42일차 TIL 

 

주요진행사항

- 알고리즘 문제풀이 (인프런)

- 리액트 todolist 복습 제작

 

1. 리액트 todolist 제작 회고

이전에 개인과제로 리액트 todolist 프로젝트를 진행하였다.

입문 후 첫프로젝트여서 헷갈리는 부분이 많았다. 그래서 다시 제작하며, 복습하였다.

 

1. 컴포넌트 구성

기존 컴포넌트 구성에 어려움을 많이 느꼈다.

때문에 어떤 식으로 구성해야하는지 고민을 많이 했었고,  

이번 복습 프로젝트에서 해당 부분을 개선시키고자 하였다.

 

이번 프로젝트에서는 먼저 프로젝트의 구성을 먼저 실시하였다.

구성을 실시하니 어떤식으로 컴포넌트를 나누어야할지가 머리속에 그려졌다.

 

훨씬 더 좋은 방법이 있겠지만, 미리 구조를 그려보고 컴포넌트를 나누는 것이 나에게는 좋은 방법인 것 같다.

 

2. 함수 포인터를 이용한 부모 컨포넌트에 state 값 전달

input과 같은 최하단의 컴포넌트에서의 값을 부모 컨테이너에서 사용하는 경우가 있었다.

이 경우 두가지 선택을 할 수 있었다.

 

1. 부모컨포넌트에서 state 선언 후 set 함수를 자식컴포넌트로 내리는 방법

2. 자식컴포넌트에서 state 선언 후 부모컴포넌트에서 함수를 props를 통해 내려받아 이 함수를 통해 부모컴포넌트에 전달하는 방법.

 

이전 프로젝트에서는 전자를 사용하여 개발하였다.

 

하지만 생각해보았을 때 기능단위로 개발을 하는 컴포넌트에서 각 기능별로 필요한 state는 해당 컴포넌트에서 선언되는 것이 맞는 것이라고 생각했다.

 

따라서 이번 프로젝트에서는 후자를 선택하여 개발하였다.

 

3. 부족한점

컴포넌트 개발에 익숙해져가고 있지만, 아직 많이 부족한 것은 사실이다. 앞으로 많은 프로젝트를 통해 개선시킬 예정이다. 추가로 스테이트 드릴 현상의 불편함을 느꼈다. 말그대로 스테이트를 자식 컴포넌트에서 사용하기 위해 중간 컴포넌트를 거치게 되며 드릴처럼 보이는 현상이다. 정작 중간 컴포넌트에서는 해당 state가 필요 없는 데도 거치도록 개발했어야 했고, 이를 개선하는 방법인 리덕스 상태관리 프레임워크를 빨리 배우고 싶다.