시작하기
Mapply로 처음 마인드맵을 만드는 방법을 배워보세요.
로그인 및 계정 생성
📸 예정 이미지: 홈페이지의 로그인/회원가입 버튼과 로그인 모달 화면
- Mapply 홈페이지(mapply.web.app)에 접속
- 우상단의 "로그인" 또는 "회원가입" 버튼 클릭
- 이메일과 비밀번호로 계정 생성 또는 로그인
- 로그인 완료 후 "내 마인드맵" 페이지로 자동 이동
첫 마인드맵 만들기
📸 예정 이미지: "새 마인드맵" 버튼과 클릭 후 나타나는 마인드맵 에디터 화면
- "새 마인드맵" 버튼 클릭
- 마인드맵 에디터가 열리면서 중앙에 기본 노드 표시
- 노드를 클릭하고 원하는 내용 입력
- Enter 키를 눌러 하위 노드 추가하거나 Tab 키로 형제 노드 추가
- 변경사항은 자동으로 실시간 저장됨
마인드맵 만들기
효과적인 마인드맵 구조를 만드는 다양한 방법을 알아보세요.
노드 추가 방법
📸 예정 이미지: 중앙 노드에서 Enter, Tab 키로 하위/형제 노드가 생성되는 과정을 단계별로 보여주는 스크린샷
- Enter 키 - 선택된 노드의 하위(자식) 노드 생성
- Tab 키 - 선택된 노드와 같은 레벨의 형제 노드 생성
- 더블클릭 - 빈 공간을 더블클릭하여 새 노드 생성
- 우클릭 메뉴 - 노드 우클릭 후 "하위 노드 추가" 선택
노드 삭제 및 편집
- Delete 키 - 선택된 노드와 모든 하위 노드 삭제
- Backspace 키 - 노드 텍스트가 비어있을 때 노드 삭제
- F2 키 - 노드 텍스트 편집 모드 진입
- Ctrl + Z - 실행 취소 (Undo)
- Ctrl + Y - 다시 실행 (Redo)
특수 노드 타입
📸 예정 이미지: 노란색 포스트잇, 별⭐ 스티커, 이미지 노드가 한 마인드맵에 함께 있는 모습과 우클릭 더블클릭, S키+클릭 생성 과정
- 포스트잇 노드 - 우클릭 더블클릭으로 생성, 메모나 주석용
- 이모지 스티커 - S 키 + 클릭으로 이모지 스티커 생성
- 이미지 노드 - Ctrl + V로 클립보드 이미지 붙여넣기
- 색상 구분 - 카테고리별로 다른 색상 적용 가능
노드 연결하기
📸 예정 이미지: Alt + 클릭으로 서로 다른 브랜치의 노드들이 연결되는 과정과 연결선이 생성되는 모습
- Alt + 클릭 - 두 노드를 클릭하여 연결선 생성
- 드래그 앤 드롭 - 노드를 다른 노드로 드래그하여 부모 변경
- Shift + 클릭 - 다중 부모 연결 (하나의 노드를 여러 부모에 연결)
- 연결 해제 - Alt + 클릭으로 기존 연결 제거
다중 선택 기능
📸 예정 이미지: Ctrl + 드래그로 선택 영역이 그려지면서 여러 노드가 선택되는 과정과 선택된 노드들이 파란색으로 하이라이트되는 모습
- Ctrl + 드래그 - 마우스로 영역을 드래그하여 여러 노드 선택
- Ctrl + 클릭 - 개별 노드를 추가로 선택/해제
- Shift + 클릭 - 범위 선택 (첫 번째와 마지막 노드 사이 모두 선택)
- 일괄 작업 - 선택된 노드들에 대해 색상 변경, 삭제 등 일괄 적용
고급 연결 기능
- 다중 부모 지원 - Shift + 클릭으로 하나의 노드를 여러 부모에 연결
- 드래그 앤 드롭 - 노드를 다른 노드로 드래그하여 부모 변경
- Alt + 클릭 - 노드 간 연결 생성 및 해제
- 순환 참조 방지 - 자동으로 순환 구조 감지 및 방지
연결선 커스터마이징
📸 예정 이미지: 곡선, 직선, 직각 연결선이 다양한 색상과 화살표로 표시된 마인드맵과 연결선 설정 메뉴
- 연결선 타입 - 곡선/직선 연결선 선택
- 화살표 표시 - 연결선 방향 표시 옵션
- 연결선 색상 - 개별 연결선 색상 변경
- 연결선 텍스트 - 연결선에 설명 텍스트 추가
내용 편집하기
노드의 텍스트와 스타일을 자유롭게 편집해보세요.
텍스트 편집
- F2 키 - 선택된 노드의 텍스트 편집 모드
- 더블클릭 - 노드를 더블클릭하여 텍스트 편집
- 즉시 편집 - 노드 선택 후 바로 타이핑으로 내용 변경
- 멀티라인 - Enter로 줄바꿈 지원
텍스트 포맷팅
- 글꼴 크기 - 상단 툴바에서 텍스트 크기 조정
- 텍스트 정렬 - 좌측/중앙/우측 정렬 선택
- 텍스트 색상 - 글자 색상 변경
- 배경색 - 노드 배경색 변경
태그 시스템
📸 예정 이미지: "#프로젝트 / #우선순위 / #진행상황" 형태의 태그가 입력된 노드와 태그가 파싱되어 표시되는 모습
- #태그 기능 - 텍스트에 #태그명 입력으로 분류 시스템
- 태그 줄바꿈 - #태그1 / #태그2 처럼 / 로 태그를 줄별로 구분
- 자동 파싱 - 태그는 노드 텍스트에서 자동으로 분리되어 표시
- 검색 연동 - 태그로 마인드맵 내 관련 노드 빠른 검색
접기/펼치기 기능
📸 예정 이미지: ">> 프로젝트 개요 >> 상세한 계획과 세부 내용들..." 형태의 노드가 접힌 상태와 펼친 상태를 비교하여 보여주는 스크린샷
- >> 접기 마커 - 텍스트에 >> 입력 후 내용 작성하면 접기 가능
- 접기 토글 - >> 아이콘 클릭으로 내용 접기/펼치기
- 요약 표시 - 접힌 상태에서는 >> 앞의 요약 텍스트만 표시
- 상태 보존 - 접기 상태가 자동으로 저장되고 복원
체크박스 기능
📸 예정 이미지: "[ ] 기획서 작성\n[x] 디자인 완료\n[ ] 개발 진행" 형태의 할 일 목록이 있는 노드와 체크박스 클릭하는 모습
- [ ] 체크박스 - 텍스트에 [ ] 입력으로 체크박스 생성
- 체크 토글 - 체크박스 클릭으로 [x] ↔ [ ] 상태 전환
- 할 일 관리 - 프로젝트 관리나 체크리스트에 활용
- 다중 체크박스 - 한 노드에 여러 체크박스 사용 가능
이미지 노드
- Ctrl + V - 클립보드의 이미지를 붙여넣어 이미지 노드 생성
- Firebase 저장 - 이미지는 자동으로 클라우드에 저장
- 비동기 로드 - 효율적인 이미지 로딩 시스템
노드 스타일링
마인드맵을 더 아름답고 직관적으로 만들어보세요.
색상 시스템
📸 예정 이미지: 다양한 배경색과 텍스트색으로 꾸며진 마인드맵과 색상 팔레트 메뉴가 열린 모습
- 배경색 - 팔레트 아이콘으로 노드 배경색 변경
- 텍스트색 - 폰트 아이콘으로 글자색 변경
- 연결선색 - 개별 연결선 색상 커스터마이징
- 최근 색상 - 최근 사용한 색상 빠른 접근
노드 모양
- 기본 박스 - 사각형 모양의 기본 노드
- 다양한 형태 - 원형, 다이아몬드 등 여러 모양 지원
- 테마 모드 - 다크모드/라이트모드 전환 (Ctrl + D)
하이라이트 기능
📸 예정 이미지: 일반 노드와 함께 밝은 파란색으로 하이라이트된 노드들이 있는 마인드맵과 우클릭 메뉴
- 우클릭 하이라이트 - 노드를 우클릭하여 하이라이트 토글
- 강조 표시 - 중요한 노드를 밝은 파란색으로 강조
- 시각적 구분 - 핵심 개념이나 주요 노드 식별에 활용
- 상태 저장 - 하이라이트 상태가 자동으로 저장
포스트잇 스타일링
📸 예정 이미지: 8가지 색상(노란색, 하늘색, 연두색, 분홍색 등)의 포스트잇 노드들과 색상 메뉴가 표시된 모습
- 색상 팔레트 - 노란색, 하늘색, 연두색, 분홍색 등 8가지 색상
- 스크롤 기능 - 긴 내용의 포스트잇에서 마우스 휠로 스크롤
- 좌측 정렬 - 포스트잇은 항상 텍스트가 좌측 정렬로 표시
- 메모 스타일 - 일반 노드와 구분되는 포스트잇 디자인
폴더 만들기
마인드맵을 체계적으로 정리할 수 있는 폴더 시스템을 활용해보세요.
폴더 생성 방법
- 좌측 사이드바에서 "새 폴더" 항목 클릭
- 폴더명 입력 (나중에 수정 가능)
- Enter 키나 확인 버튼으로 생성 완료
폴더 관리 기능
📸 예정 이미지: 좌측 사이드바에 "개인 프로젝트 (3)", "업무용 (7)", "학습 자료 (12)" 등의 폴더들과 호버 시 나타나는 ⋯ 메뉴
- 폴더 개수 표시 - 각 폴더 옆에 포함된 마인드맵 수 표시
- 호버 메뉴 - 폴더에 마우스 오버 시 ⋯ 메뉴로 편집/삭제 가능
- 드래그 앤 드롭 - 마인드맵을 폴더 간 이동
- 미분류 폴더 - 기본 루트 폴더로 자동 생성
마인드맵 정리하기
폴더와 카드 액션을 활용해 마인드맵을 효율적으로 정리해보세요.
카드 액션 메뉴
- 폴더 이동 - 각 마인드맵 카드의 ⋯ 메뉴에서 "폴더 이동" 선택
- 삭제 - 불필요한 마인드맵 영구 삭제
- 복사 - 마인드맵 복사본 생성
- 이름 변경 - 마인드맵 제목 수정
뷰 옵션
- 카드 뷰 - 썸네일과 함께 격자 형태로 보기
- 리스트 뷰 - 목록 형태로 간결하게 보기
- 검색 기능 - 상단 검색바로 마인드맵 빠르게 찾기
- 실시간 개수 - 전체 및 폴더별 마인드맵 개수 표시
폴더 편집/삭제
폴더의 이름을 변경하거나 불필요한 폴더를 삭제하는 방법입니다.
폴더 편집 방법
- 호버 메뉴 - 폴더에 마우스 오버하여 ⋯ 아이콘 클릭
- 우클릭 메뉴 - 폴더를 우클릭하여 컨텍스트 메뉴 접근
- 이름 변경 - "폴더 이름 수정" 선택 후 새 이름 입력
- 삭제 - "폴더 삭제" 선택 (포함된 마인드맵은 미분류로 이동)
주의사항
- 폴더 삭제 시 포함된 마인드맵은 "미분류 마인드맵"으로 자동 이동
- 루트 폴더("미분류 마인드맵")는 삭제할 수 없음
- 폴더명은 중복 가능하지만 구분을 위해 다른 이름 권장
내보내기/가져오기
마인드맵을 다양한 형식으로 내보내고 가져오는 방법을 알아보세요.
지원하는 내보내기 형식
📸 예정 이미지: 내보내기 모달에서 PDF, JPG, JSON, CSV 등의 형식 옵션들과 품질 설정 UI
- PDF - 인쇄 가능한 고품질 문서로 내보내기
- JPG - 이미지 파일로 내보내기 (품질 설정 가능)
- JSON - 구조화된 데이터 형식으로 내보내기
- CSV - 표 형태의 데이터로 내보내기
- 텍스트 구조 - 들여쓰기 기반 텍스트로 내보내기
내보내기 방법
- 마인드맵 에디터에서 상단의 "내보내기" 버튼 클릭
- 원하는 파일 형식 선택
- 품질 및 옵션 설정 (형식에 따라 다름)
- "다운로드" 버튼으로 파일 저장
가져오기 지원
- JSON 가져오기 - Mapply에서 내보낸 JSON 파일 가져오기
- 텍스트 변환 - 들여쓰기 구조의 텍스트를 마인드맵으로 변환
- 다른 형식 - 향후 다양한 마인드맵 툴 지원 예정
고급 기능
Mapply의 강력한 고급 기능들을 활용해보세요.
AI 마인드맵 자동 생성
📸 예정 이미지: AI 생성 모달에서 "프로젝트 관리"를 입력하고 원형 레이아웃을 선택한 후 생성된 완전한 마인드맵 구조
- 주제 입력 - 원하는 주제나 키워드 입력
- 레이아웃 선택 - 원형, 트리, 방사형 등 다양한 구조
- 즉시 생성 - AI가 체계적인 마인드맵 구조 자동 생성
- 후편집 가능 - 생성 후 자유롭게 수정 및 확장
텍스트 변환
📸 예정 이미지: 들여쓰기로 구조화된 텍스트가 입력된 텍스트 박스와 "변환" 버튼을 클릭한 후 마인드맵으로 변환되는 과정
- 구조화된 텍스트 - 들여쓰기나 번호로 구성된 텍스트 입력
- 자동 파싱 - 텍스트 구조를 분석하여 노드 계층 생성
- 대용량 지원 - 긴 문서도 효율적으로 변환
- 형식 보존 - 원본 텍스트의 구조와 내용 유지
연결선 고급 기능
📸 예정 이미지: 연결선에 마우스를 올렸을 때 나타나는 액션 버튼들과 가상 포인트를 드래그해서 연결선 곡률을 조정하는 모습
- 연결선 호버 - 연결선 위에 마우스 올려 액션 버튼 표시
- 연결선 메뉴 - 우클릭으로 연결선 색상, 타입, 텍스트 편집
- 가상 포인트 - 연결선 중간 지점을 드래그하여 곡률 조정
- 직각 가이드 - 직각 연결선의 가이드 포인트 표시
편의 기능
📸 예정 이미지: 상태바에 있는 잠금 버튼(자물쇠)과 스냅 버튼(자석) 아이콘, 그리고 협업 중인 다른 사용자의 커서가 실시간으로 표시되는 모습
- 편집 잠금 - 상태바의 잠금 버튼으로 실수 방지
- 스냅 기능 - 상태바의 자석 버튼으로 노드 정렬 도움
- 협업 커서 - 실시간 협업 시 다른 사용자의 마우스 위치 표시
- 핀치 줄 - 터치 디바이스에서 두 손가락 확대/축소
자동 저장 시스템
- 실시간 저장 - 모든 변경사항 즉시 클라우드 저장
- 델타 저장 - 변경된 부분만 효율적으로 저장
- 청크 시스템 - 대용량 마인드맵도 빠른 저장
- 오프라인 지원 - 네트워크 연결 시 자동 동기화
단축키 모음
효율적인 마인드맵 편집을 위한 모든 단축키를 정리했습니다.