한 데이터 리스트는 프론트의 status에서도, 백의 DB에서도 관리된다.
만약 데이터가 새로 추가되는 경우에는 프론트의 status update가 먼저일까, 백의 DB Insert가 먼저일까?
1. 프론트 단의 status 업데이트가 선행되는 경우
- 백 단에서 Insert시 오류가 발생하면 프론트와 백 간의 데이터 차이가 생길 수 있다.
2. 백 단의 Insert가 선행되는 경우
- 백 단의 Insert가 성공해야만 프론트 단에서 추가한 데이터를 보여줄 수 있으므로, 딜레이가 생긴다.
그럼 어떻게 하냐
우선, 프론트에서는 업데이트 이전 데이터를 보관해둔 채로 데이터를 업데이트하고, 백에 Insert 요청을 보낸 후 success면 그대로 두고, error발생 시 -> 이전 데이터로 덮어쓰면 된다.
단, 이것은 내가 찾아본 방법 중 하나이고, 더 나은 방법이 있을 수 있음에 유의하시오.
'FE > React' 카테고리의 다른 글
[React] useRef는 뭐고, 언제 쓸까 (0) | 2025.04.16 |
---|---|
[React] 훅 정리 (0) | 2024.08.01 |
[React] 파일 분리하기 (파일 관리 전략) (0) | 2024.07.25 |
[React] 빌드 결과물 저장 경로 변경 (0) | 2024.07.25 |
[React] 함수 직접 호출과 래핑 함수간의 차이 (0) | 2024.07.24 |