검색
한국어

피그마식 공동 편집이 끊김 없이 보이는 이유를 작은 데모로 재현(qiita.com)

startupxo 토론하기

작성 언어: 한국어작성 언어로 보기

쉬운 요약

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

편집 의견

O: 협업 화면을 만드는 개발자가 드래그 반응을 살펴볼 때 웹 데모에서 화면 튐 방지를 켜고 끄며 차이를 비교해 볼 만합니다. X: 데모는 같은 두 요소 사이에 동시 삽입할 때 중복된 순서값을 구분하지 않으므로 실제 적용 시 별도의 순서 결정 처리가 필요합니다.
작성 언어: 한국어

원문 읽기 ↗

발견한 곳

Qiita ↗ / 매체 발행 글

비슷한 일을 겪어 본 적이 있나요? 그때 어떻게 했는지 한두 줄로 들려주세요. 제품을 잘 몰라도 괜찮습니다.

로그인하고 댓글 쓰기

키보드 단축키

J와 K, 또는 위아래 방향키로 글을 고르고 Enter로 엽니다.

K ↑ / J ↓
이전 글 / 다음 글
Enter C
선택한 글의 요약과 댓글 열기
O
선택한 글의 원문 열기
/
검색
?
이 도움말 보기
Tab
글쓰기나 댓글 버튼으로 이동한 뒤 Enter

입력 칸에서는 평소처럼 입력하세요. Tab과 Enter는 항상 사용할 수 있습니다.