이인철_웹5주차 과제

[dldlscjf123]

Description

• 1. 과제에서 요구한 기능들이 무엇인지 정리
• 2. 먼저 html구조를 나눔(div root가 화면 전체를 차지하는지, div나누기), css적용(가운데 정렬과 배경, 폰트)
• 3. 나눈 div에서 하나씩 구현(input 태그에 입력한 값을 배열에 저장해서 구현), 일단 App.tsx에서 작업한 후 컴포넌트 어떻게 나누는지 고민
• 4. 컴포넌트 나눈 후 데이터 전달 잘 되는 지 확인
• 5. 삭제 기능은 마지막에 구현함

Important content

• props로 부모컨포넌트에서 자식 컨포넌트로 데이터 전달하는것이 꽤 익숙해졌습니다

Question

• 삭제 기능을 구현할 때 삭제 함수를 x버튼이 있는 자식 컴포넌트에서 관리하는 것이 아닌 부모 컴포넌트에서 props로 넘겨받아 실행해야 하는데 이는 랜더링과 관련있는지 궁금합니다

Reference

구글

[bg0820]

글씨가 보이지 않아...

질문에 대한 답변
삭제 함수를 자식에서 관리하려고 하면 전역 저장소를 써야 하는데, 아직 배우지 않았기에, 패스
부모가 리스트를 관리하고 있고, 부모에게 삭제 되었다는걸 전파해야 하기 때문에 props를 이용함