실습문제4

1) 화면구현

• 값을 입력하고 add버튼 클릭시 TodoItem이 아래에 추가됩니다.

• 값을 입력하지 않고 add버튼을 클릭하면 '값을 입력해주세요'라는 alert창이 뜨게 합니다.

• Delete(❌)버튼 클릭시 투투리스트가 삭제됩니다.

• TodoItem을 선택하면 TodoItem에 취소선이 그어집니다.

• 투두리스트와 관련된 상태는 todoSlice.js파일에 관리를 합니다.

• 투두리스트 추가, 삭제, 상태를 변경하는 함수는 todoSlice에 보관합니다.

• todoSlice외, counterSlice는 store.js에서 통합으로 관리합니다.

• todoSlice와 기타 파일은 tsx, ts파일로 관리합니다.