MarkNode의 인터페이스는 중앙의 편집기를 중심으로 구성되며, 양옆과 아래쪽에 보조 패널이 배치됩니다. 모든 패널은 사이의 분할선을 드래그하여 크기를 조절할 수 있으며, 레이아웃은 자동으로 저장되어 다음에 앱을 열 때 그대로 복원됩니다.
내비게이션 바
내비게이션 바는 창의 맨 왼쪽 가장자리를 따라 세로로 놓인 좁은 아이콘 막대입니다. 어떤 패널을 표시할지, 어떤 사이드바 뷰를 활성화할지를 제어합니다. 위에서 아래로 아이콘은 다음과 같습니다.
- 파일 — 왼쪽 사이드바에 파일 탐색기를 표시합니다
- 마인드맵 — 마인드맵 패널을 켜고 끕니다
- 개요 — 개요 패널을 켜고 끕니다
- 최근 파일 — 왼쪽 사이드바에 최근에 편집한 파일을 표시합니다
- 소스 제어 — 왼쪽 사이드바에 git 상태와 작업을 표시합니다 (프로젝트가 git 저장소일 때 표시됨)
내비게이션 바 하단에는 다음이 있습니다.
- 터미널 — 터미널 패널을 켜고 끕니다
- 찾기 — 프로젝트 전체 검색 및 참조 결과를 탭으로 모아 보여주는 하단 패널인 찾기 패널을 켜고 끕니다
- 문제 — 끊어진 링크나 이미지 참조 등 프로젝트에서 수정해야 할 문제를 나열하는 하단 패널인 문제 패널을 켜고 끕니다
- 피드백 — 피드백 양식을 엽니다
- 사용자 아바타 — 계정 이니셜을 표시합니다. 클릭하면 계정을 엽니다
사이드바 뷰(파일, 최근 파일, 소스 제어)는 한 번에 하나만 활성화됩니다. 패널 항목(마인드맵, 개요, 터미널, 찾기, 문제)은 각각 독립적으로 켜고 끌 수 있습니다. 터미널, 찾기, 문제는 하단 패널을 공유하며 서로 전환됩니다.
파일 탐색기
파일 탐색기는 내비게이션 바에서 파일 아이콘을 선택하면 왼쪽 사이드바에 나타납니다. 열려 있는 프로젝트의 폴더 구조를 계층형 트리로 보여줍니다. 파일을 클릭하면 편집기에서 열리고, 폴더를 클릭하면 펼쳐지거나 접힙니다.
사이드바 헤더에는 새 파일 만들기, 새 폴더 만들기 버튼과 모두 펼치기, 모두 접기, 디스크에서 다시 불러오기 같은 추가 작업이 담긴 “더 보기”(⋮) 메뉴가 있습니다. 파일이나 폴더를 마우스 오른쪽 버튼으로 클릭하면 이름 바꾸기, 삭제, 잘라내기, 복사, 붙여넣기 또는 새 파일 및 폴더 만들기 옵션이 있는 컨텍스트 메뉴가 열립니다.
마인드맵 및 개요 패널
마인드맵 및 개요 패널은 창의 가운데를 차지하며, 문서의 제목 계층 구조를 바탕으로 문서의 구조적 뷰를 제공합니다.
- 마인드맵 뷰 — 제목을 문서 제목에서 뻗어 나가는 가지 형태의 다이어그램으로 표시합니다. 각 노드는 문서의 제목 하나에 해당합니다. macOS에서는
Cmd+Shift+M, Windows와 Linux에서는Ctrl+Shift+M으로 켜고 끕니다. - 개요 뷰 — 제목을 목차와 비슷한 중첩 목록으로 표시합니다. 더 간결한 뷰로, 깊게 중첩된 긴 문서에 적합합니다. macOS에서는
Cmd+Shift+L, Windows와 Linux에서는Ctrl+Shift+L로 켜고 끕니다.
노드나 개요 항목을 클릭하면 편집기가 해당 제목 위치로 스크롤됩니다. 문서에서 커서를 옮기면 현재 위치의 제목이 두 뷰 모두에서 강조 표시됩니다.
편집기
편집기는 마인드맵 오른쪽에 있습니다. 편집기 영역 상단에는 열려 있는 모든 파일을 보여주는 탭 표시줄이 있습니다 — 탭을 클릭해 파일을 전환하고, 드래그해 순서를 바꾸며, 마우스 오른쪽 버튼으로 클릭하면 닫기, 다른 탭 닫기, 모두 닫기 같은 옵션이 나타납니다.
탭 표시줄 아래에는 자주 쓰는 Markdown 서식을 빠르게 적용할 수 있는 버튼이 모인 서식 표시줄이 있습니다 — 굵게, 기울임꼴, 취소선, 인라인 코드, 인용구, 제목(H1–H3), 글머리 기호/번호/작업 목록, 코드 블록, 표. 탭 영역에는 마인드맵, 편집기, 미리보기, 개요 창을 켜고 끄는 작업 영역 레이아웃 알약 버튼도 있습니다(분할 뷰 및 표시 모드 참고).
편집기는 구문 강조, 괄호 짝 맞추기, 줄 바꿈을 지원합니다. 굵게를 적용하는 Cmd+B / Ctrl+B, 기울임꼴을 적용하는 Cmd+I / Ctrl+I 같은 Markdown 서식 단축키가 바로 동작합니다. 편집기는 다중 커서와 사각형 선택도 지원하여 더 고급 편집이 가능합니다.
미리보기 패널
미리보기 패널은 편집기 오른쪽에 있으며 현재 문서를 HTML로 렌더링한 모습을 보여줍니다. 입력하는 대로 즉시 갱신됩니다. 미리보기에서 제목을 클릭하면 편집기가 해당 위치로 스크롤됩니다.
편집기와 미리보기 사이의 분할선을 드래그하여 미리보기 패널의 크기를 조절할 수 있습니다. 글쓰기에만 온전히 집중하고 싶다면 작업 영역 레이아웃 알약 버튼에서 미리보기 항목을 꺼서 편집기가 전체 너비를 쓰도록 하세요.
터미널 패널
터미널 패널은 창 하단에 있으며 프로젝트 폴더로 범위가 지정된 셸 세션을 제공합니다. 기본 셸로 열리며 프로젝트 루트 디렉터리에서 시작합니다. 패널 안의 탭 표시줄을 이용해 여러 터미널 세션을 열 수 있습니다.
상태 표시줄
상태 표시줄은 창의 맨 아래를 따라 이어집니다. 현재 파일과 프로젝트에 대한 정보를 한눈에 보여줍니다.
- Git 브랜치 — 프로젝트가 Git 저장소일 때 현재 브랜치 이름과 변경된 파일 개수. 변경된 파일 개수는 클릭할 수 있으며, 클릭하면 소스 제어 패널이 열립니다.
- 파일 정보 — 현재 문서의 단어 수, 파일 유형, 인코딩
Git 작업(스테이징, 커밋, 푸시, 풀)은 상태 표시줄이 아니라 소스 제어 패널에 있습니다. 내비게이션 바의 소스 제어 아이콘에서(또는 변경된 파일 개수를 클릭해) 열 수 있습니다.
크기 조절 및 레이아웃
파일 탐색기, 편집기, 미리보기, 마인드맵, 터미널 등 주요 패널은 모두 드래그 가능한 분할선으로 나뉘어 있습니다. 분할선을 드래그하면 인접한 패널 사이의 공간을 재배분할 수 있습니다.
어떤 패널이 열려 있는지와 각 패널의 크기를 포함해 설정한 레이아웃은 자동으로 저장되며, 다음에 MarkNode를 열 때 복원됩니다.