난이도 및 소요시간
난이도: 입문 (따라하면서 바로 적용) / 소요시간: 약 7분
추천 대상
- 한 페이지에 텍스트와 체크리스트를 위아래로만 계속 놓아서 페이지가 길어지는 게 불편한 사람
- 노션 페이지를 발표 자료처럼 좌우 두 구역으로 나누어 정리하고 싶은 사람
노션은 기본적으로 모든 블록이 위에서 아래로 한 줄씩 쌓이는 구조입니다. 하지만 블록 두 개를 같은 줄에 나란히 배치하면 컬럼(Column) 레이아웃을 만들 수 있습니다. 비교표나 체크리스트 두 개를 나란히 보여줄 때 유용합니다.
Step-by-Step: 드래그로 컬럼 만들기
- 컬럼으로 묶을 두 블록(예: 단락 두 개, 토글 두 개 등)을 먼저 위아래로 써둡니다.
- 두 번째 블록에 마우스를 올리면 왼쪽에 나타나는 여섯 개 점 아이콘을 누른 채 놓지 않고 유지합니다.
- 그 상태로 첫 번째 블록의 오른쪽 끝까지 마우스를 이동시킵니다. 이동하는 동안 두 블록 사이에 세로선이 나타나면, 같은 줄에 나란히 배치될 준비가 된 것입니다.
- 팁: 세로선 대신 가로줄만 보인다면 아직 위아래 순서 위치에 있는 것입니다. 오른쪽으로 조금 더 이동해보세요.
- 세로선이 보이는 상태에서 마우스 버튼을 놓으면, 두 블록이 같은 줄에 좌우로 나란히 배치됩니다.
- 주의: 블록 위쪽 끝에 놓으면 가로줄이 생기고, 가운데나 아래쪽에 놓으면 원래대로 위아래 순서에 들어갑니다. 반드시 오른쪽 끝에서 놓아야 좌우 컬럼이 됩니다.
- 컬럼 경계선에 마우스를 올리면 나타나는 세로 막대를 좌우로 끌어서, 각 컬럼의 너비 비율을 조절합니다.
- 컬럼 안에 블록을 더 추가하려면, 해당 컬럼 안의 빈 공간을 클릭한 뒤 슬래시를 입력해 원하는 블록 종류를 추가합니다.
- 컬럼을 다시 하나의 세로 배치로 되돌리려면, 컬럼 안의 마지막 블록을 컬럼 바깥쪽 아래로 다시 끌어내면 됩니다.
더 유용하게 쓰는 방법
세 개 이상 컬럼: 두 블록을 좌우로 배치한 뒤, 세 번째 블록을 기존 두 컬럼 사이의 경계선으로 다시 끌어오면 세 개의 컬럼이 됩니다. 같은 방식으로 계속 늘릴 수 있습니다.
토글 안에 컬럼 넣기: 토글 블록을 먼저 만들고, 그 안에 같은 방식으로 블록을 좌우로 배치하면 토글을 열었을 때만 컬럼이 보이는 접히는 비교표를 만들 수 있습니다.
모바일에서는 다시 세로로 보임: 컬럼은 컴퓨터에서는 좌우로 보이지만, 화면이 작은 모바일에서는 각 컬럼이 다시 위아래로 쌓여 보일 수 있습니다. 모바일로 많이 읽는 페이지라면 컬럼 수를 2개 이하로 제한하는 게 좋습니다.
초보자가 흔히 하는 실수 2가지
실수 1: 블록을 오른쪽 끝이 아닌 다른 위치에 놓아 의도와 다르게 순서만 바뀐다
세로선이 아닌 가로줄이 보이는데도 그대로 손을 놓으면, 컬럼이 만들어지지 않고 단순히 블록 순서만 바뀝니다.
해결책: 놓기 전에 반드시 세로선이 나타나는지 확인하고 손을 놓으세요. 잘못 배치되었다면 Cmd+Z 또는 Ctrl+Z로 바로 되돌릴 수 있습니다.
실수 2: 컬럼을 너무 많이 만들어 모바일에서 읽기 어려워진다
컴퓨터에서는 네다섯 개 컬럼이 깔끔해 보여도, 화면이 작은 모바일에서는 각 컬럼 너비가 좁아져 내용이 읽기 어려워집니다.
해결책: 모바일로 자주 읽는 페이지라면 컬럼은 2개까지만 쓰고, 그 이상 구분이 필요하면 컬럼 대신 토글이나 표로 바꾸는 것을 고려하세요.
Action Item
지금 쓰고 있는 노션 페이지 중 위아래로만 길게 나열된 항목 두 개를 골라, 둘 중 하나를 끌어서 좌우 컬럼으로 바꿔보고 페이지 길이가 줄어드는지 확인해보세요.