페이지 스타일링

Notion은 기존 워드 프로세서의 텍스트 스타일 기능은 물론, 몇 가지 추가 기능도 가지고 있어요.텍스트를 드래그해서 선택하면 아래 메뉴가 나타납니다.

Notion에서도 일반적인 단축키를 모두 사용할 수 있습니다. 예를 들어, 텍스트를 굵게하려면 Cmd/Ctrl + B, 취소선을 그으려면 Cmd/Ctrl + Shift + S 등이 있죠. Notion은 여기에 더해 몇 가지를 단축키를 추가했습니다.

• Cmd/Ctrl + E는 텍스트를 인라인 코드로 표시합니다.

• Cmd/Ctrl + Shift + M은 텍스트에 댓글을 추가합니다.

• @를 사용하면 워크스페이스의 페이지나 사용자를 멘션할 수 있어요.

Notion은 데스크톱, 웹, 모바일에서 모든 마크다운 스타일 적용을 지원합니다. 여기에 바로가기에 대한 간단한 설명이 나와있습니다.

텍스트 중간에 사용할 수 있는 Markdown

• 텍스트 양쪽에 **를 입력하면 굵게 표시됩니다.

• 텍스트 양쪽에 *를 입력하면 기울임꼴로 표시됩니다.

• 텍스트의 어느 쪽에서든 `를 입력하면 인라인 코드를 작성할 수 있습니다. 숫자키 1 왼쪽에 있는 기호입니다.

• 텍스트 양쪽에 ~를 입력하면 취소선이 그어집니다.

새로운 줄이나 콘텐츠 블록 시작 부분에 사용할 수 있는 Markdown

• *, -, + 다음에 Space를 입력하면 글머리 기호 목록을 만듭니다.

• []를 입력하면 할 일 목록 체크박스를 만듭니다. 괄호 사이에 Space 없이 입력하세요.

• 1. 다음Space를 입력하면 번호 매기기 목록을 만듭니다.

• # 다음 Space를 입력하면 제목1(대제목)을 만듭니다.

• ## 다음 Space를 입력하면 제목2(중제목)을 만듭니다.

• ### 다음 Space를 입력하면 제목3(소제목)을 만듭니다.

• > 다음 Space를 입력하면 토글 목록을 만듭니다.

• " 다음 Space를 입력하면 인용 블록을 만듭니다.

• 모든 Notion 페이지는 세 가지 글꼴을 지원합니다. 작성하고 있는 글의 분위기에 가장 잘 맞는 글꼴을 선택해 보세요! 페이지 오른쪽 상단의 ••• 아이콘을 클릭하고 기본, 세리프, 모노 중에서 선택하세요. 페이지의 모든 텍스트가 선택한 글꼴로 변경됩니다.

• 해당 메뉴에서작은 텍스트 토글도 켤 수 있습니다. 토글을 켜면 페이지의 글자 크기가 줄어듭니다. 페이지에 더 많은 내용을 담고 싶거나 작은 글자가 더 보기 좋은 경우에 사용하세요.

텍스트에 색을 입히거나 배경색을 설정해 꾸며보세요. 다양한 색이 준비되어 있고 여러 방법으로 색을 적용할 수 있답니다.

• 텍스트를 기울임꼴이나 굵게 설정할 때와 같은 메뉴에서 글자색이나 배경색을 적용하히세요. 텍스트를 선택하고 A 드롭다운에서 색을 선택하면 됩니다.

• 블록 전체를 동일한 색으로 바꿀 수도 있습니다. /빨간색처럼 / 다음에 색 이름을 입력하세요.

• 언제든지 Cmd/Ctrl + /를 누르고 원하는 색이름을 입력한 후 Enter를 누르면 텍스트 색을 바꿀 수 있습니다.

오른쪽 상단의 ••• 메뉴에서 전체 너비 토글을 켜면 페이지 여백을 줄이고 콘텐츠 영역을 늘릴 수 있습니다.

모든 Notion 페이지 상단에는 백링크와 댓글을 표시할 수 있습니다.

• 백링크는 현재 페이지의 링크가 포함된 모든 페이지를 보여줍니다. 페이지와 하위 페이지를 직접 찾아도 되지만 백링크를 사용해도 원하는 페이지로 이동할 수 있습니다.

• 댓글은 페이지에서 오간 사용자 간의 댓글을 보여줍니다. 서로를 태그하거나, 질문 및 피드백을 공유할 수 있어요.

Notion의 다른 기능과 마찬가지로 이 두 가지 기능도 커스텀이 가능합니다.

• 페이지 오른쪽 상단의 ••• 버튼을 클릭하고 페이지 사용자 지정을 선택하세요.

• 아래와 같은 창이 나타납니다.

• 백링크 표시 방법은 아래 옵션 중에서 선택할 수 있습니다.

  • 펼치기: 현재 페이지가 링크된 모든 페이지를 표시합니다.

  • 팝오버로 표시: 링크된 모든 페이지의 목록 대신 백링크의 개수만 표시합니다. 클릭하면 모든 페이지가 표시된 팝업이 열립니다.

  • 숨기기: 모든 백링크를 완전히 숨깁니다.

• 댓글 표시 방법은 아래 옵션 중에서 선택할 수 있습니다.

  • 펼치기: 페이지 상단에 전체 대화를 표시합니다.

  • 숨기기: 댓글을 숨겨 페이지를 심플하게 만듭니다.

콜아웃 블록은 특정 텍스트를 강조하거나 페이지의 다른 부분과 차별화할 때 유용합니다. 경고, 팁 등을 콜아웃으로 추가할 수 있어요.

콜아웃 블록의 이모지와 색은 쉽게 바꿀 수 있습니다. 마지막으로 사용한 이모지나 색이 기본으로 설정되어 있어요.

• 왼쪽 여백에 마우스 커서를 가져가면 나타나는 + 아이콘을 클릭하고, 나타나는 메뉴에서 콜아웃을 선택하세요.

• /콜아웃을 입력하고 Enter를 눌러서 추가할 수도 있습니다.

• 드래그 & 드롭 손잡이 역할을 하는 ⋮⋮ 아이콘을 사용해 페이지 내에서 콜아웃 블록을 옮길 수 있습니다. 새 열도 만들 수 있어요.

• 모든 콜아웃 블록에는 아이콘이 있습니다.아이콘을 클릭하면 원하는 아이콘으로 바꿀 수 있어요.

• 직접 아이콘 이미지를 업로드하거나(최적 사이즈: 280 x 280픽셀), 이미지 링크를 붙여넣기할 수도 있습니다.

• 마음에 드는 이모지가 나올 때까지 랜덤을 계속 클릭할 수도 있어요.

• 마우스 커서를 가져가면 나타나는 ⋮⋮ 아이콘을 클릭해 콜아웃 블록의 색이나 텍스트 색을 바꿀 수 있습니다.

• 색을 선택하고 배경색 중에 원하는 색을 골라 블록 전체에 적용하세요. 기본을 선택하면 옅은 회색 테두리를 가진 흰색 블록으로 변합니다.

• 검은색을 제외한 색상을 텍스트 색으로 지정하면 옅은 회색 테두리를 가진 흰 블록으로 바뀝니다.

• Cmd/Ctrl + /를 누르고 원하는 색을 입력해 글자색과 배경색을 변경할 수도 있어요.

페이지나 데이터베이스에는 아이콘을 지정할 수 있습니다. 이모지나 직접 업로드한 이미지(예: 회사 로고)를 아이콘으로 설정할 수 있죠. 아이콘은 페이지 왼쪽 상단과 사이드바에 나타납니다. 아이콘을 사용하면 페이지를 더 쉽게 기억하고 찾을 수 있어요.

페이지 아이콘을 지정하는 방법은 다음과 같습니다.

• 페이지 상단에 마우스 커서를 가져가고 아이콘 추가를 클릭하세요.

• 사이드 바에서 페이지 아이콘을 클릭하세요.

• 두 방법 모두 아이콘 메뉴가 나타납니다. 이모지를 검색하고 선택하거나, 컴퓨터에서 직접 파일(예: 회사 로고)을 업로드하거나, 웹에 있는 이미지의 URL을 붙여넣기하세요.

• 마음에 드는 이모지가 나올 때까지 랜덤을 계속 클릭할 수도 있어요.

• 아이콘을 제거하려면 클릭 후 제거를 선택하세요.

• 아이콘 이미지의 최적 사이즈는 280 x 280픽셀입니다.

커버 이미지는 페이지 상단의 배너 이미지입니다.

• 어느 페이지든 색을 다채롭게 해주고 세련된 스타일을 더해주죠. 데이터베이스에도 추가할 수 있답니다.

• 커버 위쪽에 마우스 커서를 갖다대면 나타나는 커버 변경을 클릭하세요.

• Notion에서 엄선한 이미지를 담은 갤러리와 함께 메뉴창이 뜹니다.

• 업로드를 클릭해 컴퓨터에서 직접 이미지를 추가하거나, 링크를 클릭해 웹의 이미지 URL을 붙여넣기하세요.

• 백만 장 이상의 아름다운 사진을 자유롭게 사용할 수 있는 Unsplash에서 이미지를 검색하고 사용할 수도 있습니다.