Glif Web Edition

Glif Web Edition

60초 첫 성공으로 시작하면 sample Binder의 Markdown 원문을 확인한 뒤 같은 문서를 Page, Kanban, Timeline 같은 projection으로 전환합니다. 완료 후에는 다른 보기, Cart, Output preview, Guide 또는 지원 브라우저의 Local Scope로 이어갈 수 있습니다. sample 로딩이나 보기 저장이 실패해도 일반 workspace를 계속 사용하거나 sample 미션을 다시 시작할 수 있습니다.

홈페이지의 Web Edition은 설치 없이 sample Binder를 체험하고, 필요할 때 로컬 Scope의 Markdown을 직접 고칠 수 있는 브라우저 작업 공간입니다.

1. Markdown을 고치고 Page, Kanban, Timeline, Table, Chart, Mindmap, Gantt, Calc, Gallery, Slides, Structure 보기로 바꿔 봅니다. 지원되는 보기의 명시적 편집 동작은 Markdown 원문을 갱신합니다. Calc은 결과를 반영할 때만 browser-local transcript를 바꾸며 script는 실행하지 않습니다. Ledger/Terminal/Note와 숫자 형식은 데스크톱 호환 portable profile에 저장되고 source editor의 glif-calc inline widget에도 즉시 적용됩니다. inline 결과는 Markdown으로 복사할 수 있으며 현재 계산 보기는 SVG 또는 2x PNG로 다운로드할 수 있습니다.

Slides에서는 delimiter deck을 직접 재정렬하고 managed cover를 삽입·갱신·제거할 수 있습니다. 문서별 화면 비율·테마·배경·본문색·폰트, header/footer/page number와 Slide 범위 custom CSS를 desktop 호환 portable profile에 저장하며 같은 화면 구성을 브라우저 presentation/fullscreen으로 재생합니다. 슬라이드 안의 glif-view fence는 Mindmap, Hierarchy, Table, Chart, Diagram, Gantt, Kanban, Timeline, Page, Gallery, Calc 보기로 렌더됩니다. 현재 deck은 standalone HTML로 다운로드하거나 브라우저 Print/PDF로 출력할 수 있습니다. Heading deck의 managed cover 변경, provider publish와 native binary output은 데스크톱 앱을 사용하세요. 2. 문서나 heading을 Cart에 담아 link 또는 embed로 현재 문서에 넣습니다. 3. Knowledge에서 local embed를 materialize하고, Duplicate 후보를 검토하거나 title·tag·문서 연결 기반 Hub 링크를 선택해 넣습니다. 이 기능은 AI 계정이나 외부 데이터 전송을 사용하지 않습니다. 4. Output Gate에서 browser preview가 가능한지 확인합니다.

처음에는 내장 sample Binder로 시작합니다. 상단의 내 Binder에서 glif-web-workspace@1 JSON 또는 Markdown과 PNG/JPEG/GIF/WebP 이미지를 담은 Glif Web Binder ZIP을 명시적으로 가져올 수도 있습니다. 이 파일은 브라우저 안에서만 처리되며 업로드되지 않습니다. 가져온 Binder에서는 문서 추가·삭제·이름 변경, 내부 링크·embed 탐색, browser-local 검색을 사용할 수 있습니다.

Markdown 원문에서는 PNG/JPEG/GIF/WebP 이미지를 clipboard로 붙여넣거나 editor에 drop할 수 있습니다. keyboard-only 사용자는 Writing toolbar의 이미지 추가를 사용하세요. 이미지는 Binder의 Resources/에 저장되고 현재 문서에는 상대 Markdown 경로가 삽입됩니다. source와 asset은 함께 저장되므로 실패한 입력이 문서 일부만 바꾸지 않습니다.

브라우저 저장소를 사용할 수 있으면 변경 내용을 이 브라우저에 보관하고, 사용할 수 없으면 세션 동안만 유지된다는 안내를 표시합니다. 에셋이 있는 Binder는 ZIP으로, 텍스트만 있는 Binder는 JSON으로 내보냅니다. 샘플 Binder 초기화는 현재 browser-local workspace를 sample로 바꿉니다.

File System Access API를 지원하는 브라우저에서는 Scope 폴더를 선택해 Markdown, 일반 JSON/YAML/TOML, portable .glif metadata와 PNG/JPEG/GIF/WebP를 같은 폴더 grant로 읽고 원본에 직접 저장할 수 있습니다. .glif/local, cache, device locator와 알 수 없는 metadata는 browser workspace나 export로 가져오지 않습니다. 문서 생성·삭제·이름 변경, Properties, note extraction, Duplicate merge와 History 복원도 연결된 Scope에 반영됩니다. 권한 거부나 쓰기 실패는 browser-only 성공으로 숨기지 않습니다.

JSON/ZIP 가져오기, sample 초기화 또는 Remote Scope 열기는 이전 Local Scope 연결을 write authority에서 해제합니다. 가져온 workspace를 예전에 선택한 폴더에 암묵적으로 덮어쓰지 않으며, 다시 직접 저장하려면 Scope 폴더를 명시적으로 열어야 합니다.

지원 환경에서는 Web Edition을 PWA로 설치할 수 있고, 최근 앱 shell은 오프라인에서도 열 수 있습니다. PWA cache는 UI shell만 보관하며 Local Scope 권한, GitHub session 또는 Markdown source sync를 대신하지 않습니다.

Settings의 Appearance에서는 데스크톱 bundled theme contract에서 가져온 Minimal 또는 Paper와 light/dark color scheme을 독립적으로 선택할 수 있습니다. Desktop ThemeContract v1 JSON도 가져와 Custom theme로 적용·내보내기·삭제할 수 있습니다. 가져온 theme는 이 origin의 browser storage에 독립된 전체 사본으로 저장되며 Binder export, Local Scope 또는 GitHub sync에 포함되지 않습니다. 저장소를 사용할 수 없으면 현재 탭에서만 유지된다는 안내를 표시하고, 손상되거나 사라진 active custom reference는 Minimal로 복구합니다. 넓은 화면의 Paper는 Shelf·Document·Inspector 표면과 간격을 데스크톱 contract에 맞추고 Inspector를 Document 오른쪽 위의 resizable overlay로 표시하며, 좁은 화면에서는 세 영역을 순서대로 쌓아 읽기와 keyboard navigation을 유지합니다. Markdown source와 일반 preview에도 선택한 theme의 body, 44rem document width, h1~h6, link, quote, code, list, rule와 scheme-aware syntax palette가 적용됩니다. 브라우저 데이터를 지우면 Minimal dark와 기본 배치로 돌아갑니다. Settings Appearance의 Theme editor에서 Basic/Advanced token을 branch별로 편집하고 custom theme Save/Save As로 저장할 수 있습니다. bounded Custom CSS는 Settings Appearance에서 .app-shell 범위로 저장·적용할 수 있으며 외부 resource·전역 rule은 지원하지 않습니다. Output Gate를 통과한 local HTML download에는 active theme와 document stylesheet가 포함되며, 같은 문서를 themed index.html·relative manifest·offline shell·icon으로 묶은 browser-local .pwa.zip도 내려받을 수 있습니다. 로컬 PWA manifest도 선택한 theme의 핵심 색상을 반영하며 localhost 또는 HTTPS에서 설치할 수 있고 public PWA/site·projection별 output stylesheet는 지원하지 않습니다. 계정·Binder 간 cross-device theme sync는 아직 지원하지 않습니다. 브라우저 저장소가 가능한 경우 같은 origin의 여러 Web Edition 탭은 theme library와 선택을 browser-local로 수렴합니다. 세션 fallback에서는 탭별 library 범위를 유지합니다. WOFF2/WOFF/TTF/OTF user font는 Settings에서 브라우저에 등록하고 Theme Editor의 body/heading/mono token에 선택할 수 있습니다. Output Gate를 통과한 local HTML과 browser-local PWA에는 현재 theme가 참조하는 imported font만 @font-face data URL로 포함되어 독립 실행에서도 typography를 유지합니다. public output과 계정·Binder 간 font sync는 지원하지 않습니다.

Assembly Canvas의 카드 위치, Frame과 Connector는 UI profile이 아니라 Binder의 portable .glif board에 저장됩니다. Cart 전체를 board에 펼치거나 문서·heading·HTTP(S) URL 카드를 추가해 끌어 배치하고, 여러 카드를 선택해 Frame에 함께 넣거나 Cart로 보내고 board에서 삭제할 수 있습니다. Frame header를 끌어 이동하거나 우하단 handle로 크기를 바꾸고, scroll pan·zoom·fit으로 작업 영역을 조절합니다. 두 카드를 Connector로 연결한 뒤 선을 pointer 또는 keyboard로 선택해 label을 편집하거나 삭제할 수 있습니다. Board 초안, 선택 초안, Frame 초안은 해당 범위의 frame·source link·relationship을 새 Markdown 문서로 materialize합니다.

처음 보이는 60초 첫 성공 안내는 compact 상태로 작업 공간을 가리지 않으며 필요할 때 다시 펼칠 수 있습니다. Inspector는 구조, 보기, Knowledge, 조립·출력 탭으로 나뉘고 화살표 키와 Home/End로 탭을 이동할 수 있습니다.

Kanban에서는 카드와 column의 ⋮⋮ handle을 pointer 또는 touch로 끌어 같은 보드 안에서 순서와 column을 바꿀 수 있습니다. 방향 버튼도 같은 Markdown source command를 사용하므로 keyboard만으로 동일한 결과를 만들 수 있습니다. 이동 중 Escape를 누르면 source를 바꾸지 않고 취소합니다.

Gallery에서는 album과 image의 ⋮⋮ handle을 끌어 순서를 바꾸거나 image를 다른 album으로 옮길 수 있습니다. 방향 버튼과 album 선택 이동도 같은 Markdown command를 사용하며, 이동 중 원문이 바뀐 경우 오래된 drag는 적용하지 않습니다.

Page의 card와 Timeline의 entry도 ⋮⋮ handle을 위아래로 끌어 순서를 바꿀 수 있습니다. ↑/↓ 버튼은 같은 Markdown command를 사용하는 keyboard 대체 경로이며, Escape는 이동을 취소합니다. Page는 cards/accordion 표시, desktop 호환 style profile과 SVG/2x PNG 다운로드를 제공합니다.

Kanban은 column/card 작성·편집·archive·delete와 pointer/keyboard 이동을 지원합니다. Board density, card와 column accent, title style은 desktop 호환 portable profile에 순차 저장되며 SVG/2x PNG로 다운로드할 수 있습니다.

Timeline의 card, accent, density, story, temporal lens, rail, marker와 title 표현은 데스크톱 호환 portable profile에 저장됩니다. 전체 Timeline은 SVG 또는 2x PNG로 다운로드할 수 있습니다.

Gallery는 앨범별 selected viewer와 thumbnail 선택, Escape·이전·다음 keyboard lightbox를 제공합니다. surface, radius, accent, density, alignment, title, thumbnail, viewer와 layout 설정은 데스크톱 호환 portable profile에 저장되며 전체 Gallery를 SVG 또는 2x PNG로 다운로드할 수 있습니다.

Gantt에서는 source-backed task row를 같은 group 안에서 끌어 재정렬하고, 일정 bar나 양쪽 edge를 끌어 날짜 범위를 조정할 수 있습니다. 날짜 handle에 focus한 뒤 ←/→를 누르면 하루씩 조정되며 기존 날짜 버튼도 유지됩니다. scale과 density/bar/accent/title/today/lane 표현은 데스크톱 호환 portable profile에 저장됩니다. 전체 일정은 데스크톱과 같은 snapshot serializer를 사용해 SVG 또는 2x PNG로 다운로드할 수 있습니다.

Table에서는 Shift+click으로 직사각형 범위를, Ctrl/⌘+click으로 떨어진 셀을 선택해 TSV로 복사하거나 붙여넣고, 비어 있는 연속 범위를 표시상 병합할 수 있습니다. Structure Table은 행·열·전체 선택과 TSV/CSV 복사, 잘라내기·붙여넣기·지우기, 아래/오른쪽 채우기를 지원합니다. 밀도·줄무늬·정렬·기본 열 너비, 헤더/첫 열 고정, 행·열 숨김, typed column schema, 선택 범위 셀 서식과 note/source 주석, 조건부 서식과 저장된 보기는 데스크톱 호환 portable profile에 저장됩니다. 선택 열의 값 필터와 typed schema 기반 정렬은 원문을 바꾸지 않는 보기 변환입니다. XLSX/CSV/TSV 파일을 선택한 셀부터 가져오거나 전체 표로 내보낼 수 있습니다.

Chart에서는 15개 chart type과 X/series, series별 color·axis·stack을 조정할 수 있습니다. 기준선과 linear trendline을 추가하고 현재 chart를 SVG 또는 2x PNG로 다운로드할 수 있으며 설정은 문서별 browser profile에 유지됩니다.

Hierarchy의 Workspace는 Tree·Column·Table·Scrivenings·Chart를 제공하며, 같은 Markdown-derived 구조를 Treemap·Sunburst·Icicle로도 전환할 수 있습니다. 각 visualization은 canvas와 접근 가능한 계층 목록을 함께 제공합니다. Scrivenings는 같은 폴더의 Markdown을 최대 24개까지 이어서 검토하거나 Cart에 담은 문서·heading만 골라 검토하고 각 원문에 안전하게 저장합니다. Chart는 pan·zoom·fit과 SVG·PNG 다운로드를, Table은 Desktop-compatible spatial arrangement X/Y 편집을 지원합니다. Hierarchy style에서는 Desktop과 같은 preset, card·connector·title·palette와 Tree·Column 표시 설정을 편집하고 다시 열 때 복원할 수 있습니다.

Mindmap은 heading hierarchy를 연결선이 있는 공간 canvas로 표시합니다. 양방향·오른쪽·왼쪽·아래쪽 layout, pan·zoom·맞춤을 사용할 수 있고 선택한 node를 편집하거나 ⋮⋮ handle로 앞·뒤·하위 위치에 옮길 수 있습니다. 방향키는 부모·자식·형제 node를 탐색하며 layout과 renderer style을 이 브라우저에 보관합니다. 2개 이상 node를 group으로 묶고 멤버를 편집하거나 typed relation을 추가할 수 있습니다. 검색·focus root·heading level·group·relation 표시와 group 강조를 포함한 현재 보기는 Lens로 portable projection profile에 저장됩니다. 현재 전체 장면은 SVG 또는 PNG로 다운로드할 수 있습니다.

Playground Web Preview는 브라우저 안의 체험용 미리보기입니다. 실제 배포, provider 검증, Cloudflare publish, PDF·앱 패키징을 수행하지 않습니다.

상단 Glif 메뉴에서 아직 실행할 수 없는 기능은 이유 없는 비활성 버튼으로 표시하지 않습니다. 해당 기능의 기능 정보 보기를 열면 현재 상태, Web에서 제공하지 않는 이유, 지금 가능한 대안과 다시 검토할 조건을 확인할 수 있습니다. Translation과 Analytics는 방향 판정 전 상태이고, Audio·배포 workflow·deploy status는 현재 Web에서 지원하지 않습니다. GitHub Quick Edit는 production flag와 OAuth/broker 검증이 모두 준비된 환경에서만 실제 동작합니다.

filesystem watch와 OS recovery, SVG/audio/video와 임의 binary asset, D2/native plugin, PDF·DOCX·Android package build, public Binder publication·cover·native/provider EPUB output은 지원하지 않습니다. active 문서와 현재 Binder의 Markdown은 Output Gate를 통과하면 browser-local EPUB 3 reflowable snapshot으로 저장할 수 있고, Inspector에서 chapter 순서와 title/author/language/description 기본 metadata를 조정할 수 있습니다. 그 외 출판 작업과 desktop Mission은 데스크톱 앱을 사용하세요.