프레임워크 · 라이브러리/React
React 기초 정리 - 6장 (Delete 기능 구현, 마무리)
React 기초 정리 시리즈의 마지막 정리이기도 한 이번 6장에서는, CRUD 구현의 마지막인 Delete 기능의 구현에 대해 알아보겠다. 이번에도 5장에 이어 egoing님의 코드를 약간 필자의 입맛에 맞게 리팩토링한 코드를 사용할 것이며, 전체 코드는 5장 최하단부에 나와 있다. 시작하자. Delete 기능 구현 우선, Create, Update와 마찬가지로 Delete 기능을 사용하기 위한 버튼을 만들어 주어야 한다. 이전 장들에서 구현했던 Create, Update와는 다르게, Delete 기능은 특정 페이지(링크)로 이동하지 않고 읽고 있던 topics 내 원소를 즉각 삭제하므로, a 태그가 아닌 button 요소를 이용한다. 해당 button은 사용자가 topics 내 원소를 읽는 중에만 작동..
2024. 4. 12. 16:57