3장에서 만들었던 전화번호부 프로젝트에 State와 Props를 적용해봅시다.
3장에서는 직접 컴포넌트에 데이터값을 넣어줌으로써 단순히 화면에 출력되도록 만들었습니다. 이번 장에서는 state와 props를 활용하여 부모 컴포넌트에게서 받은 Props를 띄워주도록 하겠습니다. 그리고 인풋 박스와 삭제 버튼까지 구현하여 데이터를 변경할 수 있게 만들어봅시다. React가 처음이라면 따라오는 데 어려울 수 있으니 일단 끝까지 다 따라오시고 5장을 반복적으로 보시는 것을 추천해드립니다.
프로젝트 폴더는 아래 링크에서 확인할 수 있습니다.
https://github.com/ji5485/2019-LikeLion-React-Tutorial/tree/master/react-tutorial-5