잿꽃's posting Garden

REACT 'ToDoList'를 만들기 위한 기초 연습 기존의 리스트가 주어지고 input상자에 내용을 입력해서 추가를 누르면 해당 내용이 리스트에 추가되는 작업을 연습해 보려고 한다. 연습을 하기 전에 어떤 순서도를 가지고 해야 할까? 1. 기존의 데이터가 주어지고 나타내 진다. 2. input상자에 입력한 값을 인지한다. 3. 버튼을 누르면 이벤트를 통해 인지한 값을 기존 데이터에 추가한다. 4. 추가된 데이터를 나타낸다. 1번의 기존 데이터가 추가에 따라 내용이 계속 수정될 예정이므로 useState를 써야 할 것이다. 기존의 데이터를 보기 위해서 map함수를 이용하여 태그 안으로 return할 것이다. 2번에서는 입력된 값을 인지해야 하므로 onChange이벤트가 필요하다. 3번에서는 버튼을 누르..