낙관적 UI

핵심 아이디어

낙관적 UI는 요청이 성공할 것이라는 가정 아래 로컬 상태를 먼저 바꾸고, 원래 데이터를 스냅샷으로 저장해 둡니다. 네트워크 호출이 성공하면 그대로 유지하고, 실패하면 저장해 둔 스냅샷으로 즉시 되돌려 사용자가 중복 제출이나 잘못된 내용을 보지 않도록 합니다.

이 블로그에서의 역할

Mathbong의 /projects, /dashboard 예제처럼 학습 관리 화면은 느린 네트워크에서도 빠르게 반응해야 합니다. 폼 액션과 프로그레시브 인핸스먼트를 기반으로 낙관적 UI를 더하면 제출→상태 반영→롤백까지 한 흐름으로 이어져 학생들이 반복 클릭을 하지 않아도 되는 경험을 제공합니다.