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

■ 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

 

---

참조 :

www.youtube.com/watch?v=nwwJ2xU7E8w&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi&index=28&t=139s

www.youtube.com/watch?v=MDGFEV_idSY&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi&index=29

www.youtube.com/watch?v=f8e0YWiM-50&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi&index=30