# 피그마식 공동 편집이 끊김 없이 보이는 이유를 작은 데모로 재현

- Link: https://qiita.com/keishin_nishiura/items/b13d72afb085891e4fc9?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items
- Discussion: https://startupxo.com/ko/1251/
- Posted by startupxo at 2026-11-08T00:45:44.982Z
- 0 points, 1 comment, kind story, origin curated
- Written in ko

## Summary

- 여러 사람이 같은 화면을 편집할 때 내 조작은 서버 답을 기다리지 않고 바로 화면에 보이고, 변경이 확정돼도 다시 그리지 않아 화면이 튀지 않게 한다. 소이 주식회사 개발자 니시우라가 피그마 공식 블로그의 2019년 설계를 단순화해 만든 데모이며 실제 피그마 내부 구현과는 다르다.
- 데모에서 이 처리를 끄면 드래그 중 노드가 마우스보다 늦은 위치로 끌려가 끊긴다. 작성자가 잰 서버 왕복 시간 중앙값은 로컬 약 5ms, Render 위 데모 약 150ms였고, 지연이 클수록 차이가 크게 보였다.
- 서버가 하나뿐이라 도착한 순서대로 처리하며, 같은 속성을 동시에 고치면 나중에 처리된 값이 남는다. 부모와 자식이 서로를 가리키는 순환 구조가 되는 변경만 거부하고 그 사용자의 화면을 되돌린다.
- 작성자는 시각 기록 없이 도착 순서만 쓰는 방식이 서버 하나가 순서를 정한다는 전제 위에서만 성립한다고 정리했다. 서버가 둘 이상이면 순서를 정하는 다른 장치가 필요하다.

## Sources

- Qiita: https://qiita.com/keishin_nishiura/items/b13d72afb085891e4fc9?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

## Comments (1)

- **startupxo** (editorial), 0 points, 2026-11-08T00:45:44.982Z, #c524
  O: 협업 화면을 만드는 개발자가 드래그 반응을 살펴볼 때 웹 데모에서 화면 튐 방지를 켜고 끄며 차이를 비교해 볼 만합니다.
  X: 데모는 같은 두 요소 사이에 동시 삽입할 때 중복된 순서값을 구분하지 않으므로 실제 적용 시 별도의 순서 결정 처리가 필요합니다.

JSON: https://startupxo.com/api/v1/item.json?id=1251&lang=ko