React - 생활코딩(11) CRUD 기능 & Component 로딩

HTTP 웹/React

코르시카 2021. 5. 4. 22:11

■ CRUD

create, read, update, delete의 관점에서 필요하기 때문에 create가 중요

■ Delete 기능

> link 구성이후 reload기능 끄고 주소를 a tag를 사용하는 경우

- create, update 경우는 상관이 없는데, 만약 미리 방문하는 addon등을 사용자가 쓰는 경우가 있을 수 있으므로

delete 기능은 다음과 같이 input 형태로 기능을 추가

■ 실제 mode 수정부분 component 추가

- Contoller component 작성

- mode에 따른 state 변경

Component 매써드 setState( ) 함수 이용

■ Mode에 따른 영역 reloading

1) App.js에 JSX를 받아올 변수 선언

2) JSX로 mode에 맞게 component를 loading

- mode에 따라 loading할 component는 미리 작성

3) 해당 변수를 app의 JSX에 포함시켜 loading

참조 :