Pockez
마인드맵
무료 온라인 마인드맵: 키보드로 가지를 빠르게 추가하고 드래그로 정리, 자동 저장, PNG·SVG·JSON 내보내기와 공유 링크까지. 가입 없이, 업로드 없이.
- 자동 저장
- 링크로 공유
- 이미지 내보내기
- 모바일 지원
사용 방법(키보드와 마우스)
- 노드 더블클릭 또는 F2: 글자 편집
- Tab: 하위 노드 추가
- Enter: 아래에 같은 단계 노드 추가, Shift+Enter: 위에 추가
- Ctrl+Enter: 위에 상위 노드 삽입
- Delete: 선택한 노드 삭제
- 방향키: 선택 이동, Alt+↑↓: 같은 단계 순서 변경
- 노드를 다른 노드 위로 드래그: 위치와 단계 변경
- Ctrl+C / V / X: 노드 복사, 붙여넣기, 잘라내기
- Ctrl+Z: 실행 취소, Ctrl+Shift+Z: 다시 실행
- Ctrl+= / -: 확대·축소, Ctrl+0: 배율 초기화
- F1: 가운데로, Esc: 캔버스에서 나가기
- 스페이스바를 누른 채 드래그 또는 오른쪽 버튼 드래그: 화면 이동
- 빈 곳에서 왼쪽 버튼 드래그: 여러 노드 선택
- 노드 우클릭: 연결선, 요약, 집중 모드 등
휴대폰과 태블릿
- 노드 탭: 선택, 두 번 탭: 글자 편집
- 한 손가락 드래그: 화면 이동, 두 손가락 벌리기·오므리기: 확대·축소
- 노드를 약 0.5초 길게 누른 뒤 드래그: 노드 이동
- 캔버스 위 버튼으로 노드 추가·편집·삭제, 오른쪽 아래 도구 모음으로 가운데 정렬·확대·축소
마인드맵은 이 브라우저에만 자동 저장되고 업로드되지 않아요. 브라우저 데이터를 지우면 사라지니 중요한 내용은 내보내서 보관하세요.
🔒 모든 계산은 브라우저 안에서 이뤄지며 데이터는 어떤 서버에도 업로드되지 않아요.
이럴 때 쓰면 좋아요
- 공부 노트·시험 정리: 단원별 핵심을 트리 구조로 그려 서로의 관계를 한눈에 파악해요.
- 브레인스토밍·기획: 중심 주제를 먼저 쓰고 Tab, Enter로 아이디어를 빠르게 펼쳐요.
- 프로젝트·행사 계획: 업무를 쪼개고 담당자를 나눈 뒤 ‘공유 링크 복사’로 팀에 보내요.
- 발표·수업 자료: ‘PNG 내보내기’나 ‘SVG 내보내기’로 저장해 슬라이드나 유인물에 넣어요.
사용 방법
- 노드를 선택하고 Tab을 누르면 하위 노드, Enter를 누르면 같은 단계 노드가 추가되며, 더블클릭이나 F2로 글자를 수정해요. 휴대폰에서는 캔버스 위의 ‘＋하위’, ‘＋같은 단계’, ‘편집’, ‘삭제’ 버튼을 사용하세요.
- 노드를 다른 노드 위로 드래그하면 단계와 순서를 바꿀 수 있어요. 노드를 우클릭하면 연결선, 요약, 집중 모드를 쓸 수 있고, ‘레이아웃’에서 양쪽·오른쪽·왼쪽·아래 방향을 고를 수 있어요.
- 모든 변경은 이 브라우저에 자동 저장되어 다음에 열면 이어서 편집할 수 있어요. 백업하거나 다른 기기로 옮길 때는 ‘JSON 내보내기’ 후 ‘JSON 가져오기’를, 공유나 인쇄에는 PNG 또는 SVG로 내보내세요.
사용 예시
‘공부 계획’ 마인드맵을 가져오는 예: 하위 노드 3개 중 ‘수학’에는 https 링크, ‘영어’에는 외부 URL 이미지, ‘노트’에는 사용자 HTML과 javascript:로 시작하는 링크가 있고, 연결선 2개 중 하나는 존재하지 않는 노드 history를 가리켜요. 가져오면 ‘4개 건너뜀’이 표시돼요. 외부 이미지, 사용자 HTML, javascript: 링크, 끊어진 연결선이 각각 1개이며, 노드 4개의 글자, 수학의 링크, 나머지 연결선은 유지돼요.
직접 작성한 JSON은 id가 빠지기 쉬워요. 중심 주제 Root와 하위 노드 A에 id가 없고, B의 id는 공백이 들어간 ‘x y’, C의 id는 c이며, ‘x y’에서 c로 가는 연결선이 있다고 합시다. 가져오면 Root, A, B에 차례로 n1, n2, n3이 붙고 C는 c를 유지하며, 연결선은 n3에서 c로 자동으로 바뀌고 건너뛰는 내용은 없어요.
결과 해석
- 상태 표시줄에 ‘이 브라우저에 자동 저장됨’이 보이면 최신 내용이 저장된 거예요. ‘저장할 수 없음’이 보이면 보통 시크릿 모드이거나 사이트 데이터가 차단된 경우로, 페이지를 닫으면 내용이 사라지니 바로 JSON으로 내보내세요.
- 가져오기 후 ‘N개 건너뜀’은 안전을 위해 정리한 항목 수이며 오류가 아니에요. ‘가져오기 실패’가 표시되면 파일은 전혀 적용되지 않고 지금의 마인드맵이 그대로 남아요.
- 내보낸 PNG·SVG는 현재 라이트/다크 색상을 그대로 써요. 흰 배경이 필요하면 먼저 라이트 모드로 바꾸세요. 파일 이름은 중심 주제에서 파일 이름에 쓸 수 없는 기호를 뺀 것으로, ‘2026 계획: Q1/Q2?’는 ‘2026 계획 Q1 Q2.png’로 저장돼요.
원리와 계산 방법
- 편집기는 오픈 소스 Mind Elixir 5.15.1이며 배치, 드래그, 실행 취소가 모두 브라우저 안에서 동작해요. 데이터는 JSON으로, nodeData가 중심 주제, children이 하위 노드 배열, arrows와 summaries가 연결선과 요약이에요.
- 가져올 때는 먼저 JSON 규격대로 해석하고(앞부분의 BOM은 무시) 노드를 하나씩 확인해요. 모든 노드에는 글자 topic이 있어야 하며 없으면 오류 위치를 알려 줘요. id가 없거나 중복되거나 영문·숫자·밑줄·하이픈 외의 문자가 있으면 새 id로 바꾸고 연결선과 요약도 맞춰 바꿔요.
- 허용 목록에 있는 항목만 남겨요. 사용자 HTML은 항상 제거하고, 이미지는 파일에 포함된 data:image만, 링크는 http·https·mailto만, 스타일은 글꼴, 색, 배경, 굵기, 너비, 테두리 등 url()이 없는 값만 허용해요. 모든 글자는 이스케이프해 일반 텍스트로 표시하므로 HTML로 실행되지 않아요.
- 편집할 때마다 0.4초 뒤 localStorage(키 pockez:mind-map)에 자동 저장하며 현재 마인드맵 하나만 보관해요. 색상은 사이트의 라이트/다크 모드를 따르고, 노드 글자와 배경의 대비는 4.5:1 이상, 가지 선과 캔버스는 3:1 이상이에요.
한계와 주의점
- 마인드맵은 하나만 저장돼요. ‘새로 만들기’나 파일 가져오기를 하면 현재 내용이 바뀌므로 여러 개를 남기려면 각각 JSON으로 내보내세요.
- 파일은 5 MB, 노드 5000개, 100단계까지이며 넘으면 이유를 알려 주고 가져오지 않아요.
- 외부 URL 이미지는 불러오지 않고(다른 사이트에 접속하지 않도록) JSON에 포함된 이미지만 표시해요. 이미지 내보내기는 Mind Elixir 기본 기능을 사용하므로 이후 버전에서 달라질 수 있어요.
- 휴대폰과 태블릿에서는 키보드 단축키를 쓸 수 없고, 우클릭 메뉴의 연결선·요약·집중 모드는 기기에 따라 열리지 않으므로 이런 고급 기능은 컴퓨터에서 사용하길 권해요.
자주 묻는 질문
마인드맵은 어디에 저장되나요? 업로드되나요?
이 기기의 브라우저(localStorage)에만 저장되고 서버로 전송되지 않아요. 브라우저 데이터를 지우거나 시크릿 모드, 다른 기기에서는 볼 수 없으니 중요한 내용은 ‘JSON 내보내기’로 백업하세요.
다른 마인드맵 프로그램의 파일을 가져올 수 있나요?
현재는 이 도구가 내보내는 Mind Elixir 형식의 JSON만 지원해요. XMind, FreeMind 등 다른 프로그램 전용 파일은 바로 가져올 수 없어요.
가져온 뒤 일부 내용이 사라진 이유는 무엇인가요?
안전을 위해 노드 안의 사용자 HTML, 외부 URL 이미지, http·https·mailto가 아닌 링크, 존재하지 않는 노드를 가리키는 연결선을 제거하고 몇 개를 건너뛰었는지 알려 줘요. 노드 글자와 트리 구조는 그대로 유지돼요.
휴대폰에서도 쓸 수 있나요?
네. 노드를 탭하면 선택, 두 번 탭하면 편집, 한 손가락 드래그로 이동, 두 손가락으로 확대·축소하고, 노드를 약 0.5초 길게 누른 뒤 드래그하면 노드를 옮길 수 있어요. 추가와 삭제는 캔버스 위 버튼을 사용하세요. 큰 마인드맵은 컴퓨터에서 편집하는 것이 편해요.
마인드맵을 다른 사람에게 공유하려면?
‘공유 링크 복사’를 누르면 마인드맵 전체가 압축되어 URL의 # 뒤에 들어가고, 받는 사람은 링크를 열어 자기 브라우저에서 이어서 편집할 수 있어요. 이 부분은 서버로 전송되지 않아요. 링크는 그 시점의 스냅숏이라 이후 수정은 반영되지 않아요. 노드가 너무 많아 링크가 길어지면 JSON 내보내기로 공유하도록 안내해요.
마인드맵을 PDF로 내보낼 수 있나요?
현재는 PNG, SVG, JSON으로 내보낼 수 있어요. PDF가 필요하면 PNG나 SVG를 문서나 프레젠테이션에 넣은 뒤 PDF로 저장하세요.
마인드맵을 깔끔하게 그리는 요령이 있나요?
가운데에 주제를 두고 첫 단계에는 3~7개의 큰 분류를 놓으며, 노드는 되도록 짧은 단어로 써요. 같은 단계의 항목은 같은 기준으로 나누고, 마지막에 연결선으로 가지를 넘나드는 관계를 표시하세요.
컴퓨터를 바꾸면 어떻게 이어서 편집하나요?
원래 컴퓨터에서 ‘JSON 내보내기’를 누르고 새 컴퓨터에서 ‘JSON 가져오기’로 불러오세요. 또는 ‘공유 링크 복사’로 만든 링크를 새 컴퓨터에서 열어도 불러올 수 있어요.