제품 업데이트

성능 86% 향상, 실서비스 준비 완료

IVGraphIVGraph 팀제품 업데이트 읽는 데 6분
이 페이지 목차
요약 (AI 개요용 핵심 내용)IVGraph는 성능을 86%나 높여 이제 실서비스에 사용할 준비를 마쳤어요. 방대한 노션 워크스페이스도 원활하게 처리해요. 이번 업데이트로 초기화는 더 빨라지고, 상호작용은 더 부드러워지고, 메모리 사용량은 줄어들어 비교할 수 없는 노션 그래프 뷰 경험을 제공해요. 수천 개의 노드와 링크를 손쉽게 탐색해 보세요.

성능 최적화: 86% 더 빠르게

지능형 API 캐싱, 적응형 지오메트리 품질 조절, THREE.js 객체 직접 조작으로 놀라운 성과를 거뒀어요:

  • 초기화 속도 86% 향상 (1118ms → 160ms)
  • 노드 상호작용 속도 80-94% 향상 (15-80ms → 1-20ms)
  • 메모리 사용량 99% 감소 (클릭당 13MB → 200KB)

현대적인 UI와 시각적 기능

접고 펼칠 수 있는 사이드바, 모바일 최적화, 모듈형 CSS 아키텍처를 적용해 인터페이스를 전면 개편했어요. 노션 커버 이미지를 3D 그래프에 바로 표시하는 멋진 사진 노드 시각화를 추가하고, 마우스를 올렸을 때 끌어당기는 효과와 부드러운 애니메이션을 전반에 적용했어요.

고급 탐색 기능

다양한 키보드 조작 기능(WASD 이동, 방향키 탐색), 데이터베이스별로 묶은 검색 결과, 기록 기능이 있는 연결 패널을 도입했어요. 키보드만으로 탐색하는 것을 선호하는 고급 사용자를 위해 게임과 유사한 카메라 조작 기능도 추가했어요.

숫자로 보는 성과

  • 30+ 커밋 병합, 최적화 코드 ~2,000줄 추가
  • 로딩 속도 86% 향상, 노드 1,653개와 링크 5,919개를 부드럽게 렌더링

다음 단계

베타 출시가 정말 코앞으로 다가왔어요! 성능 최적화를 마친 만큼, 이제 사용자 관리(가입, 대시보드, OAuth)와 인프라에 집중하고 있어요. 첫 사용자 50명을 대상으로 2025년 12월에 베타 테스트를 시작해요.

노션을 살아 움직이는 그래프로 만나보세요

노션 워크스페이스를 연결하고 모든 페이지, 백링크, 데이터베이스 관계를 3D로 탐색해 보세요. 노드 500개까지 무료예요.

노션으로 로그인 ↵
계속 읽기

저널의 다른 글

가이드

노션에서 그래프 만드는 법 — 두 가지 그래프 모두

노션에서 "그래프"는 두 가지를 뜻해요. 데이터 차트(기본 기능 — /chart, 다섯 가지 유형, 한 개는 무료)와 연결 관계를 보여주는 그래프(기본 기능으로는 전혀 제공되지 않음)예요. 두 가지 모두 만드는 방법을 단계별로 안내하고, 아무도 언급하지 않는 한계까지 살펴봐요.

 가이드

노션 마인드맵: 실제로 만들 수 있는 다섯 가지 방법

노션에는 기본 마인드맵 기능이 없지만, 실제로 쓸 수 있는 방법은 다섯 가지예요. Mermaid 코드 블록, 임베드, 토글 템플릿, 자기 자신과 연결된 데이터베이스, 워크스페이스의 실제 연결 관계로 생성한 맵이에요. 각 방법을 솔직하게 비교해요.

 가이드

Claude Code + 노션: 스스로 관리되는 세컨드 브레인을 위한 다섯 가지 워크플로

지식 관리의 절반을 차지하는 지루한 작업에 쓸 수 있도록 복사해 붙여 넣는 프롬프트를 준비했어요. 자료 가져오기, 페이지 간 상호 연결, 주간 검토, 부족한 부분 분석에 더해 에이전트가 사실에 충실하게 작업하도록 하는 안전장치까지 다뤄요.

 가이드

노션 백링크 알아보기: 만들고, 확인하고, 제대로 활용하는 법

백링크를 만드는 세 가지 방법, "백링크 N개" 목록의 위치, 일부 링크가 숨겨져 있는 이유, 백링크로 할 수 없는 일, 그리고 전체 링크 구조를 하나의 맵으로 보는 방법을 알아봐요.

 가이드

눈으로 이해하는 노션 관계형과 롤업

데이터베이스를 연결하는 단계별 방법, 양방향 관계형, 롤업 활용법, 자기 참조 관계형, 한 단계 연결 규칙을 살펴봐요. 데이터베이스 관계가 사실은 한 번도 본 적 없는 그래프의 연결선인 이유도 알아봐요.

 가이드

노션 MCP: AI를 워크스페이스에 연결하는 완벽 가이드

호스팅 서버와 자체 호스팅 서버의 차이, 명령어 하나로 Claude Code, Cursor, ChatGPT를 설정하는 방법, 에이전트가 워크스페이스에서 실제로 할 수 있는 일, 권한, 그리고 MCP만으로는 얻을 수 없는 한 가지를 알아봐요.

 가이드

노션에서 세컨드 브레인 만드는 법 (실제로 꾸준히 쓰게 되는)

대부분의 세컨드 브레인이 2월이면 방치되는 이유와, 그렇게 되지 않도록 하는 4개 데이터베이스 설계도를 알아봐요. 데이터베이스 관계를 뼈대로 삼는 구조, 15분 만에 끝내는 설정, 선택적으로 추가하는 LLM 관리 계층, 그리고 상태를 점검하는 지표로서의 그래프를 다뤄요.