UX : 낙관적 업데이트

낙관적 업데이트란?

사용자의 동작에 대한 응답을 기다리지 않고 즉시 ui를 업데이트 하는 것이다
댓글 등록, 북마크, 좋아요 등에 적용할 수 있고 적용시 사용자가 어플리케이션이 더 빠르다고 느낄 수 있기 때문에 UX가 향상되는 효과가 있다.

동작에 대해 문제가 생겼을 경우에는 해당 동작을 취소하면 된다

댓글 달기에 낙관적 업데이트 적용해보기

codepen으로 댓글달기 demo를 3가지 버전으로 구현해보았다.
version 1. 일반적인 로직으로 서버에 댓글 작성을 요청하고 성공시 ui를 업데이트 한다.
version 2. 낙관적 업데이트를 적용해 사용자가 input 입력시 즉시 댓글을 추가한다.
version 3. 댓글을 단 후 문제가 생겼을때 달았던 댓글을 삭제한다.

codepen

https://codepen.io/jahwi-0413/pen/abPrpJd

참고 사이트
https://tecoble.techcourse.co.kr/post/2023-08-15-how-to-improve-ux-with-optimistic-update/