개인 공부 후 자료를 남겨놓기 위한 목적이므로,
생략되거나 오류가 있을 수 있음을 알립니다.
설명에 대한 지적은 언제나 환영입니다. :)
이 포스팅은 이전의 포스팅과 이어집니다.
2022.07.08 - [Develop/react] - [React 기본] 8. Update (CRUD)
[React 기본] 8. Update (CRUD)
개인 공부 후 자료를 남겨놓기 위한 목적이므로, 생략되거나 오류가 있을 수 있음을 알립니다. 설명에 대한 지적은 언제나 환영입니다. :) 이 포스팅은 이전의 포스팅과 이어집니다. 2022.07.08 - [De
tarra.tistory.com
+ 생활코딩의 react 강의를 기본 베이스로 이것저것 추가 작성 필기입니다.
영상을 보고싶다면 다음의 링크를 접속해 보시는 것을 추천합니다.!
https://opentutorials.org/course/4900
React - 생활코딩
리액트 입문자를 위한 수업입니다. 기본 문법과 핵심 개념을 익힐 수 있습니다. 만들게 될 것 앱 : https://egoing.github.io/react-2022-tutorial-src/ 소스코드 : https://github.com/egoing/react-2022-tutorial-src 알게
opentutorials.org
Delete
삭제의 경우에는 데이터를 추가하지 않고 그냥 지우기만 하면 되기 때문에 기존의 create와 update보다는 훨씬 구현하기가 쉽다.
일단 delete 버튼을 만들도록 하자.
delete의 경우에는 update와 함께 "READ" 상태에서 보여질 것이기 때문에
이전의 포스팅에서 사용한 contentControl 변수를 수정하여 만들어 주면 된다.
해당 li 태그를 빈 태그인 <></> 로 감싸주고 delete 버튼을 추가해주었다.
이로써 웹의 가장 기본 기능인 CRUD에 대한 포스팅이 끝났다.
다음 포스팅은 react에서 사용할 수 있는 유용한 기능을 설명해보겠다.
'Develop > react' 카테고리의 다른 글
| [React] FrontEnd JWT 토큰 관리 프로세스 (0) | 2022.08.22 |
|---|---|
| [React] 리액트의 유용한 기능 3가지 (automatic batching , useTransition, useDeferredValue) (0) | 2022.07.09 |
| [React 기본] 8. Update (CRUD) (0) | 2022.07.08 |
| [React 기본] 7. Create (CRUD) (0) | 2022.07.08 |
| [React 기본] 6. state (0) | 2022.07.07 |
