initial-public-offering

2 개의 포스트

Figma IPO 추진을 위한 로드 (새 탭에서 열림)

피그마(Figma)는 초기 단일 데이터베이스 구조에서 벗어나, 폭발적인 사용자 증가와 데이터 복잡성을 해결하기 위해 아키텍처를 어떻게 진화시켰는지에 대한 기술적 여정을 상세히 공개했습니다. 이 글은 피그마가 단순한 디자인 도구를 넘어 실시간 협업 플랫폼으로서 확장성을 확보하기 위해 선택한 데이터베이스 샤딩 전략과 자체 개발한 동기화 시스템의 핵심 원리를 다룹니다. 결과적으로 피그마는 인프라의 유연성을 확보함으로써 대규모 트래픽 속에서도 데이터 정합성과 낮은 지연 시간을 유지하는 데 성공했습니다. ### 데이터베이스 샤딩을 통한 확장성 확보 피그마는 초기에 모든 데이터를 하나의 거대한 PostgreSQL 데이터베이스에 저장했으나, 트래픽 증가에 따라 한계에 직면했습니다. 이를 해결하기 위해 단계별 샤딩 전략을 도입했습니다. * **수직적 샤딩(Vertical Sharding):** 부하가 큰 특정 테이블들을 별도의 독립된 데이터베이스 인스턴스로 분리하여 I/O 병목 현상을 일시적으로 해소했습니다. * **수평적 샤딩(Horizontal Sharding):** 단일 테이블의 크기가 너무 커지는 문제를 해결하기 위해 데이터를 여러 노드에 분산 저장했습니다. 이때 'Org ID'나 'File ID'와 같은 논리적 단위를 기준으로 데이터를 그룹화하여 쿼리 효율을 높였습니다. * **애플리케이션 계층의 라우팅:** 데이터베이스 수준이 아닌 애플리케이션 계층에서 어떤 셔드(Shard)에 접근할지 결정하는 로직을 구현하여, 인프라 변경이 서비스 코드에 미치는 영향을 최소화했습니다. ### 실시간 협업을 위한 LiveGraph 시스템 디자인 파일의 변경 사항을 수만 명의 사용자에게 실시간으로 전달하기 위해 피그마는 'LiveGraph'라는 독자적인 실시간 업데이트 엔진을 구축했습니다. * **구독 기반 모델:** 사용자가 보고 있는 파일의 특정 부분에 변경이 생기면, LiveGraph가 이를 감지하고 해당 데이터를 구독 중인 클라이언트에게만 즉각 전송합니다. * **데이터 정합성 유지:** 데이터베이스 쓰기 작업과 클라이언트 알림 사이의 간극을 줄이기 위해 트랜잭션 로그를 추적하며, 이를 통해 협업 중 발생하는 데이터 충돌을 효과적으로 방지합니다. * **효율적인 쿼리 처리:** 모든 클라이언트가 전체 데이터를 다시 불러오는 대신, 변경된 차분(Delta) 데이터만 전송함으로써 네트워크 대역폭 소모를 획기적으로 줄였습니다. ### 성능 최적화와 안정성 관리 인프라가 복잡해짐에 따라 발생할 수 있는 장애를 방지하고 성능을 일정하게 유지하기 위한 다양한 기술적 장치를 마련했습니다. * **쿼리 격리 및 제한:** 특정 사용자의 과도한 요청이 전체 시스템에 영향을 주지 않도록 'Noisy Neighbor' 문제를 차단하는 쿼리 제한(Throttling) 메커니즘을 도입했습니다. * **자동화된 마이그레이션:** 데이터베이스 스키마 변경 시 서비스 중단을 방지하기 위해 가동 중지 시간 없이 수행되는 온라인 마이그레이션 도구를 자체 개발하여 운영 안정성을 높였습니다. * **모니터링 고도화:** 각 샤드별 부하 상태와 쿼리 응답 시간을 실시간으로 추적하여, 병목 구간을 사전에 예측하고 대응할 수 있는 가시성을 확보했습니다. 성공적인 확장은 단순히 서버를 늘리는 것이 아니라, 서비스의 특성(실시간성, 고용량 데이터)에 맞는 데이터 분산 모델을 설계하는 데서 시작됩니다. 피그마의 사례는 서비스 초기부터 확장성을 고려한 아키텍처 설계가 장기적으로 기술 부채를 줄이고 비즈니스 성장을 뒷받침하는 핵심 동력이 됨을 시사합니다.

빌 맥더멋, Figma 이사회 (새 탭에서 열림)

피그마는 기존 데스크톱 디자인 도구의 정적인 파일 개념을 탈피하여, 클라우드 네이티브 환경에 최적화된 동적 데이터베이스 중심의 아키텍처를 구축했습니다. 이 글은 피그마 파일의 내부 구조가 어떻게 실시간 협업과 고성능 렌더링을 동시에 달성하는지 기술적인 관점에서 상세히 설명합니다. 결과적으로 피그마의 성공은 바이너리 포맷의 효율성과 중앙 집중식 동기화 엔진의 조화로운 설계에 기반하고 있음을 보여줍니다. **데이터 모델: 씬 그래프와 프로토콜 버퍼** * 피그마의 모든 문서는 계층적인 '씬 그래프(Scene Graph)' 구조로 관리되며, 각 요소는 노드(Node) 형태로 존재합니다. * 데이터 직렬화를 위해 구글의 프로토콜 버퍼(Protocol Buffers, Protobuf)를 사용합니다. 이는 JSON 대비 크기가 작고 파싱 속도가 매우 빨라, 네트워크 대역폭을 절약하고 대용량 파일을 신속하게 로드하는 데 핵심적인 역할을 합니다. * 스키마 버전 관리를 통해 하위 호환성을 유지하며, 새로운 기능이 추가되어도 이전 버전의 클라이언트에서 데이터가 손상되지 않도록 설계되었습니다. **실시간 협업을 위한 동기화 엔진** * 피그마는 전체 파일을 매번 저장하는 방식이 아니라, 변경된 '작업(Operation)'만을 서버로 전송하는 증분 업데이트 방식을 채택했습니다. * 중앙 서버는 모든 클라이언트로부터 들어오는 편집 요청의 순서를 결정하는 '권위 있는 소스(Source of Truth)' 역할을 수행합니다. * 충돌 해결을 위해 각 변경 사항에는 타임스탬프와 고유 ID가 부여되며, 이를 통해 여러 사용자가 동시에 같은 요소를 수정하더라도 최종적으로 동일한 상태에 도달하도록 보장합니다. **고성능 렌더링과 WebGL 엔진** * 브라우저의 한계를 극복하기 위해 HTML/CSS가 아닌 WebGL 기반의 자체 렌더링 엔진을 사용합니다. * C++로 작성된 렌더링 코드를 WebAssembly(Wasm)로 컴파일하여 실행함으로써, 수만 개의 객체가 포함된 복잡한 디자인도 60fps의 부드러운 속도로 화면에 그려냅니다. * GPU 가속을 적극 활용하여 텍스트 렌더링, 벡터 패스 계산, 이미지 필터링 등의 무거운 연산을 효율적으로 처리합니다. **불변 스냅샷을 통한 버전 관리** * 피그마의 버전 히스토리는 파일의 특정 시점 상태를 '불변 스냅샷(Immutable Snapshot)'으로 저장하여 관리합니다. * 사용자가 명시적으로 저장하지 않아도 시스템은 주기적으로 체크포인트를 생성하며, 이를 통해 언제든지 과거의 특정 상태로 안전하게 되돌릴 수 있습니다. * 데이터의 무결성을 유지하기 위해 체크섬(Checksum) 검증 과정을 거치며, 클라우드 저장소와 클라이언트 메모리 사이의 데이터 일관성을 엄격하게 감시합니다. 전통적인 소프트웨어가 로컬 파일 시스템에 의존했다면, 피그마는 "파일이 곧 데이터베이스"라는 관점에서 접근하여 협업의 패러다임을 바꿨습니다. 대규모 협업 프로젝트를 운영하는 팀이라면 데이터 직렬화 효율성과 중앙 집중식 동기화 전략이 시스템 성능에 미치는 영향을 피그마의 사례를 통해 참고할 수 있습니다.