안녕하세요.
프로젝트 2 진행을 했었는데요. 오류 없이 동작을 하네요.
API 이용하는 부분이 없어서 로컬 배열에서 데이터를 삽입하고, 삭제하고, 필터링(검색) 하는 부분이에요.
필터링은 배열안에서 하기 때문에 본 페이지에 출력되는 todo에 대해서 만 가능합니다.
보니까 app.js 파일에서 이벤트 발생 시 처리하는 부분에 대해서 ajax 를 이용하여 DB에 데이터를 업데이트 하는 API를 호출해주는 음.. 백엔드 API 를 호출하여 처리하면 될 것 같아요.
하위 URL로 접속하시면 테스트 해 보실 수 있습니다.
실행하시면, 지금 소스 내 들어가 있는 목업 데이터로 출력되어 나옵니다.
위와 같이 데이터를 추가할 수 있으면,
우측 화면처럼 삭제할 수 있습니다.
'프론트엔드 > react' 카테고리의 다른 글
| [한입크기로 잘라먹는 리액트] 프로젝트 - 1 (0) | 2023.05.25 |
|---|