TreeMap
A free, open-source disk-space visualizer. Squarified treemap, duplicate hunting, disk-full forecasting, and cleanup that only ever moves files to the Trash.
翻译准备中
尚未检测到更新。GitHub 发布版本后会显示在这里。
个人 GitHub 账号下公开仓库的所有者可以登录并验证所有权,自行管理介绍,无需管理员批准。
登录并生成验证文件,在 30 分钟内将其提交到此仓库的默认分支。其他分支或分叉仓库中的文件无效。然后在下方检查文件,即可无需管理员批准直接管理项目。请保留文件以维持管理权限。
如需登录,将前往登录页面。登录后请回到此处,再次点击所选的验证按钮。
在项目文件夹中运行 /nomorevibe verify,即可验证所有权并自行管理介绍。
一分钟完成验证로그인 없이 브라우저에 기록을 저장하는 PKOS 나의지식서재. 템플릿으로 받아 내 주소에서 운영할 수 있습니다.
翻译准备中
取自仓库 README
正在加载完整 README。 以下为已保存的摘录。
흩어진 수업 자료와 그때의 생각을 모아 두고 다시 꺼내 쓰는 개인 기록 서재입니다. 로그인이 없고 기록은 각자의 브라우저 안에 저장됩니다. 기록장·변환기·사이트 만들기의 사용법과 화면 사진, QR은 PKOS 도구 모음에 모아 두었습니다. 기록은 처음 쓴 브라우저에만 남습니다. PC를 바꾸거나 인터넷 사용 기록을 지우기 전에는 「설정 · 백업 → 첨부를 포함한 백업 내보내기」로 백업 파일(.pkem)을 받아 두세요. 같은 서재를 내 주소로 운영하고 싶을 때 이 저장소를 씁니다. 깃허브 계정만 있으면 되고 설치나 비용, 따로 설정할 열쇠는 필요 없습니다.查看完整 README ↗
흩어진 수업 자료와 그때의 생각을 모아 두고 다시 꺼내 쓰는 개인 기록 서재입니다. 기록은 각자의 브라우저에 저장됩니다. 전체 서재를 서버에 자동 업로드하지 않습니다.
기록장·변환기·사이트 만들기의 사용법과 화면 사진, QR은 PKOS 도구 모음(https://legoschool.github.io/pkos-workshop/)에 모아 두었습니다.
캡처한 이미지를 복사한 뒤 기록 본문에서 Ctrl+V를 누르면 현재 기록에 첨부하고 사진을 바로 보여 줍니다. 사진을 누르면 크게 미리 볼 수 있습니다. 원본 이미지와 이미지 링크를 담은 Markdown은 연결한 로컬 폴더에도 저장합니다. 일반 텍스트 붙여넣기는 그대로 사용할 수 있습니다.
사진·PDF·PPT를 끌어 놓거나 파일로 첨부할 때는 한 장씩 펼쳐 보기 / 슬라이드로 넘겨 보기를 먼저 고릅니다. PDF·PPTX 슬라이드 보기에서는 원본을 보관하고 미리보기를 열며, 펼쳐 보기에서는 페이지 이미지와 의견 칸을 만듭니다. 선택을 취소하면 해당 파일을 추가하지 않습니다.
페이지 삭제는 브라우저 저장 뒤 화면에 바로 반영하고 연결 폴더 저장은 이어서 처리합니다. 다른 페이지·원본·복원 기능은 유지합니다. 변경 및 검증 기록.
2026-10-13 GitHub Pages와 Vercel에 배포하고 각 주소에서 실제 게시·읽기·갱신·삭제 검사 7개를 확인했습니다. 설정 · 백업 → 웹으로 공유하기에서 기록을 고르고, 필요한 첨부를 개별 선택합니다. 기본은 글만 포함하며 노트북 이름과 태그도 따로 고릅니다. 포함 내용 미리보기 → 웹에 게시하기로 공유본을 만들고 주소 복사를 누릅니다. 받는 사람은 로그인 없이 주소로 읽습니다.
처음 게시하는 사람만 게시 설정에 게시자용 키를 등록합니다. 별도로 제공되는 게시 활성화 파일로 설정할 수 있으며 실제 키는 공개 저장소에 넣지 않습니다. 내가 게시한 문서 → 이 주소 갱신으로 대상을 고르고 미리보기를 확인한 뒤 선택한 주소 갱신을 누릅니다. 게시 삭제로 해당 주소의 게시를 취소합니다. 기록장을 수정하는 것만으로 공유본이 자동 갱신되지는 않습니다. 읽는 사람에게는 읽기 주소만 전달하고 게시 키나 활성화 파일은 전달하지 않습니다.
주소를 가진 사람은 공유본을 열 수 있습니다. 본문에 직접 적은 내용과 링크를 미리보기에서 확인하세요. 미선택 기록·첨부·휴지통·원본 폴더 위치·앱의 저장 설정은 포함하지 않습니다. 취소 후에도 받는 사람이 이미 내려받은 사본은 회수할 수 없습니다. 인터넷에 게시하지 않고 파일로 전달하려면 기존 웹문서 ZIP 저장을 사용합니다.
한 번에 기록 50개·본문 합계 200만 글자·첨부 50MB를 고릅니다. 게시 ZIP은 64MB·서버 전체 보관량은 500MB로 제한합니다. 실제 운영 시험에는 6MB 가상 첨부를 사용했고 시험 게시물은 모두 삭제했습니다. 최대 크기 전체를 실전 전송한 것은 아닙니다. 전체 개인 서재를 자동으로 올리지 않고 직접 선택한 읽기 묶음만 게시합니다.
본문에 HTTP(S) 주소나 이름이 붙은 Markdown 링크를 넣으면 입력칸 아래 본문 링크 카드가 나타납니다. 같은 주소는 하나로 모아 최대 20개를 표시하며 카드를 누르면 새 탭으로 엽니다. 일반 웹 주소는 도메인·주소로 표시하고 웹페이지 제목을 자동 수집하지 않습니다.
YouTube 링크는 미리보기 그림과 영상 미리보기 버튼을 제공합니다. 버튼을 눌러 같은 기록 안에서 재생창을 열고 미리보기 닫기로 접습니다. 자동 재생하지 않습니다. 읽기 화면에도 본문 하이퍼링크와 같은 카드가 보이며 작성 중 글·한글 입력·저장 흐름을 유지합니다.
처음 튜토리얼의 저장할 로컬 폴더 선택, 상단의 로컬 폴더 연결 또는 설정 · 백업 → 로컬 폴더 자동 저장에서 저장할 PC 폴더를 한 번 선택하세요. 선택한 폴더 안의 전용 폴더에 기존 기록과 앞으로 저장하는 글을 제목이 있는 .md 파일로 쓰고, 녹음·사진·첨부 원본은 attachments에 함께 저장합니다. 자동 저장과 저장 버튼 모두 반영되며 화면의 로컬 폴더 저장됨으로 완료를 확인할 수 있습니다.
구글 드라이브 데스크톱이 동기화하는 로컬 폴더도 선택할 수 있습니다. 온라인 동기화는 그 프로그램이 맡습니다. PKOS는 브라우저 저장과 로컬 파일 저장을 따로 표시하며 권한이 끊기거나 파일 쓰기에 실패하면 지금 저장 · 다시 시도로 복구할 수 있습니다. 외부에서 수정한 파일과 제목 변경 전 파일은 보존하고, 로컬 폴더의 변경을 앱으로 자동 가져오지는 않습니다. 전체 서재 복원에는 기존 .pkem 백업을 사용하세요.
선택한 폴더는 같은 주소·브라우저에서 기억하고 다음 접속에 자동으로 다시 사용합니다. 자동 저장을 직접 끈 경우에는 꺼진 상태를 유지합니다. PC Edge·Chrome 등 폴더 선택을 지원하는 브라우저가 필요하며, 브라우저가 권한을 다시 요구할 때만 재허용하면 됩니다.
페이지 위 그리기를 눌러 펜·형광펜·사각형·원·화살표·스티커를 추가합니다. 색과 굵기를 고르고 마우스나 터치로 그린 뒤 그림 저장을 누르세요. 지우개는 추가한 선·도형·스티커를 지우고, 되돌리기와 다시 실행도 지원합니다. 저장한 그림은 다시 열어 수정할 수 있습니다.
원본 슬라이드와 PNG는 보존하며, 연결한 로컬 폴더에는 그림을 합친 PNG와 갱신된 Markdown 링크를 저장합니다. 전체 .pkem 백업에는 다시 편집할 수 있는 그림 정보도 포함됩니다. PNG 내려받기로 그림을 따로 보관할 수 있습니다.
PDF나 PPTX를 기록장에 드래그하거나 첨부하면 페이지 전체를 개별 PNG 이미지로 만들고, 각 이미지 아래에 의견과 필기를 적을 수 있습니다. 편집 중에는 현재 글에 붙고 읽기 화면에서는 새 기록을 만듭니다. 이미 첨부한 문서는 원본 옆 페이지 이미지 만들기를 누릅니다. 연결한 로컬 폴더의 attachments에 문서이름-001.png처럼 쪽 번호를 붙인 이미지가 각각 저장되며, 이름 앞에는 중복을 구분하는 ID가 붙습니다. 의견은 같은 기록의 Markdown 파일에 해당 이미지와 함께 저장됩니다.
페이지 삭제를 누르면 기록장에서 그 페이지와 의견을 숨기고 연결한 폴더의 해당 PNG도 삭제합니다. 원본 문서와 다른 페이지는 유지합니다. 삭제한 페이지 → 복원으로 이미지와 의견을 복구할 수 있습니다. 폴더에서 직접 수정한 이미지나 다른 기록에서도 사용하는 이미지는 보존합니다. 폴더 권한·저장 실패가 있으면 상단 상태에서 확인하고 다시 시도하세요.
PDF·PPTX는 원본 한 개 20MB·200페이지까지 지원하며, 옛 .ppt는 PowerPoint에서 .pptx 또는 PDF 사본으로 저장해서 넣습니다. PPTX의 일부 글꼴·효과는 원본 프로그램과 다를 수 있습니다. 변환은 브라우저에서 처리하며 원본 파일은 보관합니다.
일반·집중 모드 모두 제목을 위로 올리고 도구를 가로 한 줄로 정리했습니다. 제목 옆 태그 줄과 도구모음으로 각각 전체 영역을 접고 같은 버튼으로 다시 엽니다. 선택은 같은 주소·브라우저에서 기억하며 새로고침 뒤에도 유지됩니다. 저장 상태는 두 영역을 접어도 제목 옆에 보입니다. 좁은 화면에서는 두 버튼이 아이콘으로 보이고 도구줄은 좌우로 움직여 고릅니다.
왼쪽 메뉴와 기록 목록 머리의 « 버튼으로 각 영역을 접을 수 있습니다. 상단 메뉴 · 목록 버튼으로 다시 펼치며, 접은 상태를 기억합니다. 폴더는 노란색 채움 아이콘으로 표시합니다. 편집 중 제목과 펼쳐 둔 도구줄은 스크롤해도 위에 남고 여백을 줄였습니다. 받아쓰기의 음성 서비스 사용은 기본 선택되며 시작을 눌러야 듣습니다.
기록 상단의 집중을 누르면 왼쪽 메뉴·목록·앱 상단을 숨깁니다. 집중 끝내기 또는 Esc로 이전 배치로 돌아옵니다. 본문은 길이에 맞춰 늘어나 한 화면으로 스크롤하고, 제목과 펼쳐 둔 편집 도구는 위에 남습니다. … → 본문 넓게 보기에서 폭을 바꾸고 같은 메뉴에서 읽기 편한 폭으로 돌아올 수 있습니다. 폭 선택은 같은 브라우저와 주소에서 기억합니다.
저장과 Ctrl+S는 편집을 계속 유지합니다. 읽기 화면으로 바꾸려면 도구 더 보기 → 저장하고 읽기 또는 Ctrl+E를 누르세요. 읽기 화면에서 Ctrl+E를 누르면 다시 편집합니다. 입력을 멈추면 자동으로 저장됩니다.
도구모음을 펼치면 첨부·녹음·받아쓰기가 앞에 표시됩니다. 숨긴 도구모음은 제목 옆 도구모음으로 다시 엽니다. 사진 촬영·기록 연결·블록 편집은 도구 더 보기에서 펼칩니다. 굵게·소제목·기울임·목록·인용은 본문에 Markdown 문법으로 직접 입력합니다. 편집 중 즐겨찾기는 … 메뉴에 있습니다. 원본 위치 등 부가 정보는 읽기 화면의 자료 정보 · 원본 위치를 열어 확인합니다.
폴더·기록·즐겨찾기·도구 아이콘을 색이 채워진 형태로 표시합니다. 상단 테마 또는 설정 · 백업 → 앱과 화면 → 테마색 고르기에서 파랑·초록·청록·주황·분홍·보라·갈색·회색 8가지와 사용자 지정 색을 고를 수 있습니다. 기본은 파랑입니다.
고른 색은 주요 버튼·선택 항목·태그·편집 도구에 즉시 반영됩니다. 직접 고르기나 여섯 자리 색상 코드로 원하는 색을 지정하고, 기본 파랑으로로 되돌릴 수 있습니다. 같은 주소와 브라우저에서 기억하며 다음 접속과 다른 탭에도 적용됩니다.
기록은 처음 쓴 브라우저에만 남습니다. PC를 바꾸거나 인터넷 사용 기록을 지우기 전에는 「설정 · 백업 → 첨부를 포함한 백업 내보내기」로 백업 파일(.pkem)을 받아 두세요.
기록 쓰기와 정리, 지식맵, 백업 파일은 브라우저만 있으면 됩니다. 구글 드라이브에 있는 원본과 이어지는 기능은 PC에 구글 드라이브 데스크톱이 있어야 하고, 쓰는 폴더를 「오프라인으로 사용」으로 두어야 바로 열립니다. 「온라인에서만 사용 가능」으로 두면 파일을 열 때마다 내려받아 느리고, 인터넷이 끊기면 열리지 않습니다.
| 기능 | 필요한 것 |
|---|---|
| 기록 쓰기·정리·지식맵·백업 파일 | 브라우저만 |
| 카드의 「원본 열기」 | 그 파일을 볼 수 있는 구글 계정으로 브라우저 로그인 |
| 카드의 「탐색기」·「경로 복사」 | 구글 드라이브 데스크톱(파일 탐색기의 「Google Drive (G:)」). 「탐색기」는 탐색기 연결 도구도 설치 |
| 카드 파일 연결, PC 폴더 자동 백업 | PC의 크롬·엣지. 파일과 폴더가 드라이브에 있으면 구글 드라이브 데스크톱과 「오프라인으로 사용」 |
드라이브 폴더는 파일 탐색기에서 마우스 오른쪽 단추를 눌러 「오프라인 액세스 › 오프라인으로 사용」을 고르고, 폴더 아이콘에 초록색 체크 표시가 붙을 때까지 기다립니다. 오프라인으로 둔 폴더 크기만큼 PC 저장 공간을 씁니다. 순서와 화면은 사용 설명서의 「준비 조건」 장과 앱의 「서재 현황 › 준비 조건」에 있습니다.
기본 기록장을 내 주소로 운영하고 싶을 때 이 저장소를 씁니다. 브라우저 기록·정리·백업 파일 기능은 깃허브 계정으로 시작하며 별도 게시자 키가 필요 없습니다. 웹 주소 공유 기능을 운영하려면 게시 서버와 게시 권한 설정을 따로 준비해야 합니다.
my-pkos)을 적고 Public을 고른 뒤 Create repository를 누릅니다. 무료 계정은 공개 저장소에서만 사이트를 켤 수 있습니다. 공개 저장소에는 앱 파일만 들어가고 내 기록은 올라가지 않습니다.https://내아이디.github.io/my-pkos/ 같은 주소가 나옵니다.?demo=1을 붙여 체험 서재가, manual/을 붙여 설명서가 열리는지 확인합니다.원본이 새 판으로 바뀔 때 따라가고 싶다면 2~3단계 대신 Fork로 가져가세요. 나중에 내 저장소 화면에서 Sync fork를 누르면 새 판을 받습니다. 파일만 필요하다면 Code → Download ZIP을 누르면 됩니다.
manual/의 실습 안내에 나오는 https://legoschool.github.io/pkos-library/는 내 주소로 바꿔 읽으면 됩니다. 실습 카드의 「원본 열기」는 이 저장소의 설명서를 엽니다.기록 작성 중 「첨부」로 PDF·PPTX를 넣고 파일 옆 미리보기 단추를 누르면 쪽별 작은 그림과 선택한 한 장을 봅니다. 이전·다음, 쪽 번호 이동, 쪽 목록 접기를 지원하며 읽기 화면에서도 엽니다. 파일은 외부 변환 서버로 보내지 않습니다.
옛 .ppt는 .pptx 또는 PDF로 저장한 사본이 필요합니다. PPTX의 글꼴·일부 도형은 원본과 다를 수 있으며 애니메이션은 재생하지 않습니다. 정확한 원본 모양이 필요하면 PDF 사본을 함께 첨부하세요.
PPTX 미리보기 코드를 고친 경우 Node.js 20 이상에서 npm ci 후 npm run build:preview로 미리보기 HTML과 CSP 해시를 함께 갱신합니다. 앱 자체는 여전히 빌드 없이 정적 파일로 배포합니다.
| 파일 | 하는 일 |
|---|---|
index.html, app.js, style.css 등 | 서재 앱입니다. 빌드 없이 그대로 열립니다. |
sw.js, manifest.webmanifest, icon-* | 오프라인에서 열기, 휴대폰과 PC에 앱으로 설치하기 |
guide.html | 서재 사용 안내 |
manual/ | 사용 설명서(웹·PDF), 화면 캡처 34장, 실습 카드 practice-1.pkem·practice-2.pkem, 탐색기 연결 도구 |
vendor/ | PDF 읽기(pdf.js), Markdown(marked), 안전한 HTML(DOMPurify), 압축(fflate) |
기본 기록과 첨부는 브라우저에 보관합니다. 웹 주소 공유를 설정한 경우에만 사용자가 선택해 게시한 읽기 묶음을 별도 서버에 보관합니다.
CC BY-NC 4.0(저작자표시 · 비영리)을 따릅니다. 학교나 연수처럼 비영리로 쓰는 자리라면 사본을 만들어 고쳐 써도 됩니다. 이때 만든이와 이 저장소 주소를 밝히고 고친 것이 있으면 고쳤다고 적어 주세요. 원문은 LICENSE, 쉬운 설명은 LICENSE.ko.md에 있습니다.
vendor/의 라이브러리는 각자의 이용 조건을 따릅니다. pdf.js와 DOMPurify는 Apache-2.0, marked와 fflate는 MIT이며 원문은 같은 폴더에 있습니다. PPTX 렌더러(@aiden0z/pptx-renderer 1.3.0, Apache-2.0)와 포함된 라이브러리의 조건·출처는 vendor/pptx-THIRD_PARTY_NOTICES.md, vendor/*-LICENSE, vendor/licenses/에 있습니다.
만든이 · 레고학교 미스터리 (legoschool)
구글 연결에는 OAuth 웹 클라이언트 ID와 승인된 원본 주소가 필요합니다. 이 저장소의 주소는 cloud-config.json의 googleClientId를 비워 두어 구글 동기화와 옛 PPT 변환을 쓰지 않으며, 그동안은 왼쪽 아래 동기화 상태 줄과 앱 안의 구글 안내가 보이지 않습니다. 직접 운영하는 사본에서 쓰려면 설정 안내대로 ID를 만들어 googleClientId에 넣거나 각 기기의 「설정 · 백업 › PC · 휴대폰 구글 동기화」에 넣습니다. 실제 계정 로그인·PPT 변환은 검증하지 않았습니다. 동기화는 앱이 열리고 로그인 토큰이 유효하며 편집을 마친 동안 동작합니다. 종료 후 동기화·영구 로그인 서버는 없습니다. 단일 기기 75MB / 병합 80MB 제한이 있습니다.
v33에서 중첩 블록·다단·관계 값 집계·확장 수식·로컬 자동화를 추가했습니다. 현재 기능과 남은 범위는 아래 v33 안내 및 앱에서 확인할 수 있습니다.
npm run test:tools로 병합·삭제·충돌·데이터베이스 이력·Markdown 보존을 검사합니다. tests의 브라우저 시험은 격리된 프로필과 합성 자료만 사용합니다. 실제 모델로 한국어/영어 OCR·음성 전사·한국어 의미 검색을 확인했습니다. 구글 API는 모의 서버로 두 기기 흐름을 검증했으며 실제 OAuth 검증과 구분합니다.
새 도구 빌드: npm ci --ignore-scripts && npm run build:tools. 기존 PPTX 빌드: npm run build:preview. 모델·런타임 라이선스는 vendor/LOCAL-TOOLS-LICENSES.txt 및 원 배포처를 참조하세요.
전체 Notion 서비스와 동등하지 않습니다. 실시간 공동 편집·팀 권한·외부 연동·서버 예약 자동화·공개 폼·전체 Notion 수식 호환은 미지원입니다. 모바일 확장은 이번 범위에서 제외했습니다. .pkem은 구조를 보존하고 Markdown은 읽을 수 있는 본문으로 펼칩니다.
검증: 단위 검사 63개, 기존 브라우저 회귀 36개, DB 통합 12개 그룹, 블록 통합 11개 그룹, 백업 연결·연결 DB 편집·대용량 페이지 이동. 격리된 브라우저의 가상 데이터로 검사했습니다.
수학식 도구 재생성: npm ci --ignore-scripts && npm run build:desktop. KaTeX 0.19.0의 라이선스는 vendor/katex/LICENSE입니다. 최신 안내: PC 확장 사용 설명서.
.html·.htm 파일을 앱 화면에 끌어 놓거나 ‘파일 가져오기’·‘첨부’에서 고르면 원본을 보관한 뒤 HTML 미리보기를 바로 연다. 확장자는 대소문자를 구분하지 않으며 파일 형식이 text/html인 파일도 같은 방식으로 연다. 여러 HTML 파일을 한 번에 넣었다면 미리보기 창의 파일 선택에서 바꿔 본다. 창을 닫은 뒤에는 읽기·편집 화면에서 첨부 이름 옆 ‘HTML 미리보기’를 누른다.
HTML 안에 포함된 글·표·스타일과 data: 형식으로 포함된 이미지를 표시한다. JavaScript는 실행하지 않으며 외부 주소나 상대 경로의 이미지·스타일 파일은 불러오지 않는다. 별도 파일을 사용하는 웹페이지는 일부 모양이 다를 수 있다. 원본 다운로드는 가져온 파일의 바이트를 그대로 보존한다. 이 기능은 2026-10-15 GitHub Pages·Vercel 개인 서재에 배포했다.
목록은 옅은 선택 배경과 간격으로 구분하고, 검색·속성·도구는 중립 색상으로 표시합니다. 테마색은 주요 동작과 선택에 사용하며 키보드 초점은 대비를 보정한 색상으로 표시합니다. 편집 공간, 메뉴·목록 접기, 기존 테마 선택을 유지합니다. HTML 미리보기의 중첩 테두리와 안내 여백도 줄였습니다.
사진이나 PPT를 끌어 놓거나 첨부하면 페이지별로 펼쳐 넣기와 슬라이드로 넘겨 보기를 고릅니다. 사진 여러 장은 한 기록의 묶음으로 들어가며 나중에도 펼쳐 보기와 슬라이드 보기를 바꿀 수 있습니다. PPTX를 펼치면 각 페이지 이미지와 의견 칸을 만들고, 슬라이드로 보면 원본 첨부를 한 장씩 넘겨 봅니다.
선택을 취소하면 파일을 추가하지 않으며, 어느 방식이든 원본을 보관합니다. 옛 .ppt는 .pptx 또는 PDF 사본이 필요합니다. PDF의 기존 페이지별 이미지 만들기는 유지합니다.