프로그래머스 데브코스
[React] 자식 컴포넌트의 데이터를 부모 컴포넌트로 전달하기 (feat. Todo List App) / useState, useEffect, useRef
🚀 들어가며 리액트로 Todo List App을 만들던 중 막히는 부분이 생겼다. 각 기능을 컴포넌트 단위로 분리하여 구현하고 있었는데 자식 컴포넌트가 가지는 데이터를 부모 컴포넌트에 전달하는 것과, 그 데이터를 부모 컴포넌트가 다른 하위 컴포넌트로 뿌려주고 자동으로 렌더링되도록 구현하고 싶었는데 뜻대로 되지 않았다. 어찌하다가 막무가내로 구현은 했으나 코드가 깔끔하지 않았다. 결국 코드를 엎고 다시 처음부터 천천히 해보게 되었고 구현에 성공했다. 이번 기회로 알게된 내용을 포스팅을 통해 정리하면 많은 도움이 될 것 같아서 글을 쓰게 되었다. ✅ 컴포넌트 구성 설명을 위한 컴포넌트는 아래와 같이 구성했다. App.js 안에 TodoForm 컴포넌트와 TodoList 컴포넌트를 구성했고 TodoForm은 ..
