공유와 임베드¶

ThinkERD의 다이어그램을 외부에 공유하는 방법을 설명합니다.

공유 링크¶

다이어그램을 **읽기 전용 링크**로 공유할 수 있습니다. 링크를 받은 사람은 로그인 없이도 다이어그램을 열람할 수 있습니다.

공유 설정¶

메뉴 > Share 에서 공유를 설정합니다:

옵션	설명
공유 활성화	공유 링크 생성/비활성화
비밀번호	(선택) 링크에 비밀번호 설정
만료 기한	(선택) 공유 링크 자동 만료

임베드 뷰어¶

다이어그램을 외부 웹 페이지에 **iframe으로 삽입**할 수 있습니다.

임베드 URL 형식¶

https://thinkerd.io/embed/d/{shareId}?theme=light&zoom=fit&header=true

파라미터¶

파라미터	값	기본값	설명
`theme`	`light`, `dark`, `tokyo-night`, `dracula`, `nord`, `solarized-light`	`light`	뷰어 테마
`zoom`	`fit` 또는 숫자	`fit`	초기 줌 레벨
`header`	`true`, `false`	`true`	상단 헤더 표시 여부

임베드 코드 예시¶

<iframe
  src="https://thinkerd.io/embed/d/abc123?theme=dark&zoom=fit&header=false"
  width="100%"
  height="600"
  style="border: 1px solid #e5e7eb; border-radius: 8px;"
  loading="lazy"
></iframe>

반응형

width="100%"로 설정하면 부모 컨테이너에 맞게 자동 리사이즈됩니다. 모바일에서도 핀치 줌이 지원됩니다.

테마 미리보기¶

LightDarkTokyo Night

밝은 배경의 기본 테마. 문서에 삽입할 때 적합합니다.

어두운 배경의 다크 테마. 다크 모드 사이트에 적합합니다.

VS Code의 Tokyo Night 테마 기반. 개발 블로그에 적합합니다.

이미지 내보내기¶

다이어그램을 **정적 이미지**로 내보낼 수도 있습니다:

PNG — 래스터 이미지
SVG — 벡터 이미지 (확대해도 깨지지 않음)