ESTnote 도움말페이지 쓰기

도움말 › 페이지 쓰기

블록과 슬래시 메뉴

본문은 블록으로 이루어집니다. 빈 줄에서 /를 입력해 블록을 고르고, 손잡이로 옮깁니다.

블록 넣기

  • 빈 줄에서 / 를 입력하면 블록 목록이 열립니다. 이름을 이어서 치면 목록이 좁혀집니다. 예: /표, /코드.
  • Enter로 다음 블록을 만들고, 빈 블록에서 Backspace로 지웁니다.
  • 블록 왼쪽의 손잡이(⋮⋮) 를 끌어 순서를 바꾸고, 손잡이를 누르면 블록 메뉴가 열립니다. 댓글·전환·색깔, 블록마다 있는 항목(설정, 정렬 등), 블록 링크 복사·복제·잘라내기·복사·들여쓰기·내어쓰기, 삭제 순으로 묶여 있습니다. 들여쓰기는 블록을 위 블록 안으로 넣고 내어쓰기는 한 단계 밖으로 뺍니다. 표·그림처럼 글이 없는 블록도 이것으로 들여쓰고, 맨 앞 블록이나 열 바로 안의 블록처럼 할 수 없을 때는 흐리게 보입니다. 열 밖으로는 손잡이로 끌어 옮깁니다. 표는 셀 안의 Tab이 다음 칸으로 가므로, 키보드로는 Esc로 표를 통째로 고른 뒤 Tab·Shift+Tab을 누릅니다. 맨 위 검색칸에 이름을 입력하면 하위 메뉴 안의 항목까지 찾아 주고, 맨 아래에는 블록의 단어 수와 글자 수, 그리고 그 블록을 마지막으로 고친 사람과 시각이 보입니다. 잘라내거나 복사한 블록은 다른 블록의 손잡이 메뉴에서 아래에 붙여넣기로 그 자리에 놓습니다. 다른 페이지에서도 됩니다. 다른 페이지에서 복사한 그림·파일은 Ctrl+V로 붙여 넣어도 이 페이지의 첨부로 복사됩니다. 원본 페이지를 볼 수 없으면 그 첨부는 빠지고 알림이 뜹니다.
  • 블록을 손잡이로 끌어 다른 블록의 왼쪽이나 오른쪽 끝에 놓으면 두 블록이 나란히 선 열이 됩니다. 끄는 동안 그 블록 옆에 세로선이 보이고, 블록 사이에 놓으면 지금처럼 순서만 바뀝니다. 열 안의 블록 옆에 놓으면 그 자리에 열이 하나 더 생기며, 끌어서는 한 열 배치에 4열까지 만듭니다. 열의 마지막 블록을 끌어내면 열 삭제를 누른 것처럼 그 열이 없어지고, 다른 열은 그대로 남습니다. 열이 세로로 쌓이는 좁은 화면에서는 끌어서 열을 만들지 않습니다.
  • 전환은 블록을 다른 종류(문단, 제목, 체크리스트, 목록, 토글, 코드, 인용, 콜아웃, 수식 등)로 바꿉니다. 글과 하위 블록은 그대로 남습니다. 페이지를 고르면 블록이 하위 페이지가 됩니다. 블록의 글이 페이지 제목이 되고, 그 아래 들여쓴 블록과 첨부가 새 페이지로 옮겨지며, 블록 자리에는 새 페이지 링크가 남습니다. 수식과 Mermaid 블록은 원문이 새 블록의 글이 되며, 페이지로는 바꾸지 않습니다. 터치 화면에서는 아래 도구 모음의 전환을 누릅니다.
  • 블록을 통째로 고르려면 Esc를 누릅니다. 커서가 있던 블록이 선택되고, ↑·↓로 다른 블록으로 옮기고 Shift+↑·↓로 선택을 넓힙니다. 선택한 블록은 Backspace로 지우고 Ctrl/Cmd+D로 복제하며, Enter를 누르거나 글자를 입력하면 다시 편집합니다. Esc를 한 번 더 누르면 선택이 풀립니다. 여러 블록을 고른 상태에서 손잡이 메뉴를 열면 메뉴의 명령이 고른 블록 전체에 적용됩니다.
  • 마우스로는 본문 옆의 빈 여백에서 끌어 상자를 그립니다. 상자에 닿은 블록이 모두 통째로 선택되고, 화면 위아래 끝으로 끌면 페이지가 따라 스크롤됩니다. 빈 여백을 한 번 누르면 선택이 풀립니다. 고른 블록 가운데 아무 블록의 손잡이나 끌면 고른 블록이 한 덩어리로 옮겨지고, 놓은 뒤에도 선택이 유지됩니다.
  • Ctrl/Cmd+/ 는 선택한 블록(없으면 커서가 있는 블록)의 블록 메뉴를 키보드로 엽니다. 이름을 입력해 좁히고 Enter로 실행합니다.
  • 이미지는 손잡이 메뉴에서 바꾸기·캡션·자르기·대체 텍스트·링크 추가·다운로드·원본 열기를 합니다. 동영상·오디오·파일도 바꾸기·캡션·이름 바꾸기가 같은 메뉴에 있습니다. 코드 블록은 코드 줄 바꿈을 켜면 긴 줄이 옆으로 넘치지 않고 블록 너비에서 줄이 바뀌고, 캡션을 달면 코드 아래에 보입니다.
  • 전환에는 문단·제목 1~6·목록·코드·인용·콜아웃·수식·토글 제목이 있습니다. 링크·PDF·지도·GitHub·Drive 블록과 데이터베이스 보기 블록은 손잡이 메뉴의 원본 열기로 원래 주소나 데이터베이스를 엽니다.
  • 블록 링크 복사는 그 블록으로 바로 가는 주소를 복사합니다. 블록을 다른 페이지로 옮기려면 잘라내기한 뒤 옮길 페이지의 블록 손잡이 메뉴에서 아래에 붙여넣기를 고릅니다. 여러 블록을 고른 상태에서 잘라내면 고른 블록이 함께 옮겨집니다.
  • 블록마다 있는 설정도 손잡이 메뉴에서 엽니다. 콜아웃의 아이콘(콜아웃 설정), 링크의 주소와 표시 방식(링크 설정), 버튼의 동작(버튼 설정), 데이터베이스 보기 블록의 표시 방식(데이터베이스 보기 설정), 임베드의 주소(주소 바꾸기)가 여기 있습니다. 터치 화면에서는 블록을 누른 뒤 아래 도구 모음의 설정을 누릅니다.
  • Tab으로 목록을 한 단계 들여쓰고 Shift+Tab으로 내어씁니다.
  • 들여쓴 빈 줄에서 Enter를 누르면, 일반 문단 아래로 들여쓴 줄은 같은 깊이에 빈 줄이 하나 더 생깁니다. 목록·체크리스트·토글의 빈 항목은 첫 Enter에 같은 자리의 일반 줄이 되고, 한 번 더 누르면 한 단계 밖으로 나옵니다. 토글·콜아웃 안의 빈 줄도 Enter로 한 단계 밖으로 나옵니다. 블록을 나누지 않고 줄만 바꾸려면 Shift+Enter를 누릅니다.
  • 들여쓴 줄을 밖으로 빼려면 Shift+Tab을 누르거나, 글이 있는 줄이면 줄 맨 앞에서 Backspace를 누릅니다. Backspace는 그 줄만 한 단계 내어씁니다. 그 줄의 하위 줄은 그 줄보다 두 단계 깊을 수 없어서 함께 한 단계 나오고, 아래쪽의 같은 깊이 줄은 제자리에 남아 내어쓴 줄의 하위가 됩니다.
  • 빈 줄에서 Backspace를 누르면 그 줄만 지워집니다. 그 아래의 하위 줄은 깊이 그대로 같은 깊이의 바로 앞 줄 아래로 들어가고, 앞 줄이 없으면 한 단계 나와 지운 줄 자리에 놓입니다. 빈 목록·체크리스트 항목은 첫 Backspace에 일반 줄이 되고, 한 번 더 누르면 지워집니다.
  • 여러 줄을 하위와 함께 옮기려면 줄을 골라 Tab·Shift+Tab을 누르거나 손잡이 메뉴의 들여쓰기·내어쓰기를 씁니다.

블록 종류

묶음블록
기본문단, 제목 1·2·3, 글머리 목록, 번호 목록, 체크 목록, 토글 목록, 인용, 콜아웃, 표, 코드, 구분선, 목차
미디어이미지, 이미지 슬라이드, 동영상, 오디오, 파일
레이아웃과 수식다단 레이아웃, 수식(KaTeX), Mermaid 다이어그램
임베드링크 임베드, Markdown, HTML, PDF, Google Maps, Google Drive, GitHub
연결동기화 블록, 데이터베이스 보기 블록, 대시보드, 버튼
몇 가지 블록 자세히
  • 목차: 문서의 제목 블록을 자동으로 모읍니다. 항목을 누르면 주소가 그 위치로 바뀌어, 그 주소를 복사해 특정 구역을 바로 공유할 수 있습니다.
  • 콜아웃: 이모지와 배경이 있는 강조 상자. 아이콘을 누르면 다른 이모지를 고르거나 업로드 탭에서 이미지를 올려 아이콘으로 쓸 수 있습니다. Shift+Enter로 줄을 바꾸고, 글 끝에서 Enter를 누르면 콜아웃 안에 블록이 생겨 체크 목록이나 글머리 목록을 넣을 수 있습니다. 안의 빈 블록에서 Enter를 누르면 콜아웃 밖으로 나옵니다. 배경색과 글자색은 손잡이 메뉴의 색깔에서 Notion과 같은 색 가운데 고릅니다. 배경색은 상자와 그 안의 블록에 함께 칠해집니다. 다른 블록을 손잡이로 끌어 콜아웃 글의 아래쪽에 놓으면 콜아웃 안 첫 블록으로 들어가고(위쪽에 놓으면 콜아웃 위로 갑니다), 콜아웃 안의 블록 사이에 놓으면 그 자리로 들어갑니다. 여러 블록을 고른 뒤 손잡이 메뉴의 콜아웃으로 묶기를 누르면 한 콜아웃에 들어갑니다. 첫 블록이 문단이면 그 글이 콜아웃의 글이 됩니다.
  • 토글 목록: 제목 줄만 보이고 펼치면 안의 블록이 나옵니다. 긴 참고 자료를 접어 둘 때 씁니다.
  • 표: 칸 안에서 Enter를 누르면 그 칸에서 줄이 바뀌고, Shift+Enter를 누르면 아래 칸으로 갑니다. 마지막 행에서는 새 행이 생깁니다. Tab·Shift+Tab은 다음·이전 칸으로 갑니다. 칸 안의 글을 선택한 뒤 Tab·Shift+Tab을 누르면 선택한 줄만 들여쓰거나 내어씁니다. 블록 메뉴(Ctrl/Cmd+/)의 칸 안 들여쓰기·칸 안 내어쓰기도 같습니다. 블록 메뉴의 들여쓰기는 표 전체를 들여씁니다. 셀 여러 개를 끌어서 선택한 뒤 도구 모음의 셀 병합을 누르면 가로·세로로 합쳐집니다. 합친 셀 오른쪽 위의 메뉴에서 셀 분할로 되돌립니다. 셀 오른쪽 위의 메뉴에서 색깔을 고르면 그 셀의 글자색과 배경색을, 행 왼쪽·열 위쪽의 손잡이 메뉴에서 고르면 그 행이나 열 전체의 색을 바꿉니다. 셀을 끌어서 고른 뒤 Delete나 Backspace를 누르면 고른 칸의 내용이 지워집니다. 고른 칸이 행 전체나 열 전체이고 모두 비어 있으면 그 행이나 열이 지워지므로, 내용이 있는 행·열은 한 번 더 누르면 지워집니다. 칸의 색은 내용으로 치지 않고, 칸의 그림은 내용입니다. 행 왼쪽·열 위쪽 손잡이 메뉴의 행 삭제·열 삭제는 그 행이나 열이 고른 행·열 가운데 있으면 고른 행·열을 모두 지웁니다. 표의 모든 행이나 모든 열을 지우면 표가 지워지고 그 자리에 빈 줄이 남습니다. 지운 것은 Ctrl/Cmd+Z로 되돌립니다. 열 오른쪽 경계(파란 선이 보이는 곳)를 끌어 너비를 바꾸고, 두 번 누르면 그 열이 칸 안 글이 한 줄에 들어가는 너비로 맞춰집니다. 칸의 그림은 그 크기대로 재고, 여러 열에 걸친 합친 칸은 재지 않습니다. 두 번 눌러 맞출 때는 표가 본문 폭을 넘지 않도록 다른 열 옆에 남은 자리까지만 넓어지고, 그보다 긴 글은 그대로 줄이 바뀝니다. 맞춘 너비도 Ctrl/Cmd+Z로 되돌립니다. 열 너비는 마우스로 조절합니다. 열 너비를 모두 더한 값이 본문 폭보다 넓으면 표를 옆으로 밀어서 봅니다. 너비를 정하지 않은 열은 120px, 끌어서 정한 열은 그 너비(최소 35px)로 셉니다. 손잡이 메뉴의 페이지 폭에 맞추기를 누르면 모든 열이 지금 보이는 너비 비율대로 늘거나 줄어 표가 본문 폭에 꼭 맞고, 좁은 표는 본문 폭을 채웁니다. 열마다 35px보다 좁아지지는 않으므로 열이 아주 많으면 그래도 본문보다 넓을 수 있습니다. 맞춘 너비는 누른 사람 화면의 본문 폭을 기준으로 저장되므로, 더 좁은 화면에서는 옆으로 밀어서 보고 더 넓은 화면에서는 본문보다 좁게 보입니다. Ctrl/Cmd+Z로 되돌리고, 휴대폰에서는 아래 막대의 전환으로 여는 블록 메뉴에 있습니다. 병합한 표는 HTML·Markdown으로 내보내도 그대로 유지됩니다. 손잡이 메뉴의 행 제목·열 제목으로 첫 행이나 첫 열을 머리글로 만들고, 데이터베이스로 전환을 누르면 표가 이 페이지 아래의 새 데이터베이스가 되어 그 자리에 보입니다. 첫 열은 항목 이름, 나머지 열은 텍스트 속성이 되고 머리글 행이 있으면 열 이름이 되며, 행 순서는 그대로입니다(이 페이지의 전체 권한이 필요합니다).
  • 다단 레이아웃: 블록을 옆으로 나란히 둡니다. /2열 레이아웃으로 빈 두 열을 넣거나, 글이 있는 블록에서 /를 입력해 열로 전환을 고르면 그 블록이 첫 열에 들어가고 둘째 열이 비어 생깁니다. 블록을 다른 블록 옆으로 끌어 놓아도 됩니다(위 참고). 열 배치 위의 열 추가로 열을 늘리고, 동일 너비로 너비를 맞추며, 열 해제를 누르면 열의 블록이 위아래로 이어진 채 배치가 풀립니다. 열마다 위쪽의 −·+ 를 누르거나 ↔ 를 끌어 너비를 1~4단계로 바꾸고, 휴지통 단추(열 삭제 (내용 유지))는 그 열의 내용을 옆 열로 옮긴 뒤 열을 지웁니다. 좁은 화면에서는 세로로 다시 쌓입니다. 사이트로 발행하거나 HTML·PDF로 내보내도 나란히 보이며, 너비 700px 이하 화면에서는 쌓이고 인쇄와 PDF에서는 나란히 남습니다.
  • 이미지 슬라이드: 그림 여러 장을 한 블록에 담아 옆으로 넘겨 봅니다. 그림을 블록에 끌어다 놓거나 눌러서 추가하고, 크게 보기로 크게 넘겨 보며, 올린 그림은 한꺼번에 내려받습니다. 블록 아래 막대를 끌어 높이를 바꿉니다.
  • 동기화 블록: 한 곳의 내용을 여러 페이지에 보여 줍니다. 원본을 고치면 모두 바뀝니다. 원본이 될 블록의 손잡이 메뉴에서 동기화 블록으로 복사를 누르고, 놓을 자리의 블록 메뉴에서 아래에 붙여넣기를 고릅니다. 동기화 블록의 손잡이 메뉴에서 동기화 해제를 누르면 그 자리에 원본 내용의 사본이 남고 더는 원본을 따라 바뀌지 않습니다.
  • 데이터베이스 보기 블록: 다른 페이지에 있는 데이터베이스의 표·보드·차트를 이 페이지에 놓습니다. 원본은 하나이고, 이 블록만의 보기·필터를 가집니다. 대시보드는 이 블록 두 개를 나란히 놓은 줄을 한 번에 만듭니다. 보기를 참고하세요.
  • 버튼: 누르면 항목 추가, 속성 편집, 알림·메일 보내기 같은 동작을 차례로 실행합니다. 자동화와 버튼을 참고하세요.
  • 코드: 언어를 고르면 문법에 맞춰 색이 입혀집니다. 기본은 어두운 배경이고, 손잡이 메뉴의 밝은 배경으로를 고르면 페이지에 어울리는 밝은 배경으로 바뀝니다(다크 모드에서는 어두운 배경).

그림을 나란히 놓기

  • 그림 두세 장을 옆으로 나란히 두려면 다단 레이아웃의 열마다 그림을 넣습니다. 그림 블록을 다른 그림 옆으로 끌어 놓으면 바로 두 열이 됩니다.
  • 여러 장을 한 자리에서 넘겨 보려면 이미지 슬라이드를 씁니다.
  • 표의 칸 안에도 그림을 넣습니다. 화면 캡처와 그 설명을 한 칸에 두는 기획서처럼, 그림 옆이나 아래에 글을 씁니다. 칸에서 /이미지를 입력하거나 칸 오른쪽 위의 메뉴에서 그림 넣기를 누르고, 그림 파일을 칸에 붙여 넣거나 끌어다 놓아도 됩니다. 병합한 칸에도 들어갑니다. 그림 오른쪽 아래 모서리의 점을 끌어 크기를 바꾸며, 그림은 칸보다 넓어지지 않습니다. 그림을 누르면 커서가 그 옆으로 가므로 Backspace로 지웁니다. 다른 페이지나 웹 페이지에서 그림이 든 표를 복사해 붙여 넣으면 그림도 칸에 들어옵니다. HTML·PDF로 내보내거나 사이트로 발행해도 칸 안에 보이고, Markdown으로 내보내면 칸에 ![이름](주소)로 적힙니다. 휴대폰 앱이 인터넷 없이 보여 주는 저장본에는 아직 칸의 그림이 보이지 않습니다.
  • 줄과 칸에 맞춘 그림을 항목마다 속성으로 정리하려면 데이터베이스 표의 파일 속성에 그림을 넣습니다. 보기의 표를 참고하세요.

Markdown처럼 치기

줄 앞에 #, -, 1., >를 치고 띄어쓰면 제목·목록·인용 블록이 됩니다. 백틱(`)으로 감싸면 인라인 코드가 됩니다. Notion이나 다른 편집기에서 복사한 내용을 붙여 넣으면 제목·목록·표·코드가 같은 블록으로 들어옵니다. Notion의 콜아웃은 아이콘·색과 그 안의 블록이 그대로인 콜아웃으로 들어옵니다.

저장

편집한 내용은 자동으로 저장됩니다. 페이지 위쪽의 저장 상태로 반영 여부를 봅니다. 연결이 끊긴 사이에 친 내용은 잃지 않고 브라우저에 보관했다가, 사이드바 보관된 입력 사본에서 열어 내려받을 수 있습니다.

붙여 넣은 그림과 표 칸에 넣은 그림은 바로 보이고, 올라가는 동안 저장 상태에 그림 올리는 중이 보입니다. 그림은 올라갈 때까지 이 기기(브라우저나 앱)에 보관됩니다(그 페이지를 마지막으로 연 뒤 길게는 30일). 그래서 그사이 페이지를 닫거나 새로 고쳐도 다음에 열면 이어서 올라갑니다. 아직 올라가지 않은 그림이 있는 페이지도 보관된 입력 사본에 보입니다. 그림을 이 기기에 보관하지 못하면 페이지 위에 그 이유가 뜨고, 그림이 올라갈 때까지 페이지를 떠날 수 없습니다. 다른 기기에서 넣었는데 아직 올라가지 않은 그림은 이 기기에서 "이 기기에 없는 그림입니다"로 보이며, 지우거나 다시 넣을 때까지 그대로 남습니다.

함께 보기