Notion 개인 페이지 만들기3 - 텍스트 서식과 기본 블록 다루기

 

📝 Notion 개인 페이지 만들기
3차시: 텍스트 서식과 기본 블록 다루기

🎯 3차시 학습 목표

✓ 제목(Heading) 블록으로 페이지 구조 만들기

✓ 텍스트 서식(굵게, 기울임, 밑줄 등) 적용하기

✓ 리스트(번호, 글머리 기호) 만들고 활용하기

✓ 인용구와 구분선 사용하기

✓ "/" 명령어로 다양한 블록 추가하기

⏱️ 예상 소요 시간: 25-30분

📊 3차시 진행률

0% 완료 (0/12)

1

Heading(제목) 블록으로 구조 만들기

이전에 만든 "나의 홈페이지" 페이지 열기

🖥️ 화면 확인: 좌측 사이드바의 Private 섹션에서 🏠 "나의 홈페이지" 클릭하면 2차시에서 만든 페이지가 열립니다. 커버 이미지와 환영 텍스트가 보입니다.

기존 텍스트 아래에서 "/" 키 입력

🖥️ 화면 확인: "/" 를 입력하는 순간 검은색 팝업 메뉴가 나타납니다. 상단에 "BASIC BLOCKS"라는 카테고리가 보이고, 그 아래 다양한 블록 옵션들이 리스트로 표시됩니다.

🔑 "/" 명령어의 중요성: "/" 는 Notion의 가장 핵심적인 명령어입니다. 이 하나의 키로 텍스트, 이미지, 테이블, 데이터베이스 등 모든 블록을 추가할 수 있습니다. Notion을 사용하면서 가장 많이 누르게 될 키입니다!

[화면 예시: "/" 입력 시 나타나는 블록 메뉴 - Text, Page, To-do list, Heading 등]

메뉴에서 "Heading 1" 선택 또는 "h1" 입력 후 엔터

🖥️ 화면 확인: 블록 메뉴에서 "Heading 1"을 클릭하거나, "h1"이라고 타이핑한 후 엔터를 누르면 큰 제목 블록이 생성됩니다. 커서가 있는 위치에 "H1 " 표시와 함께 입력 가능한 상태가 됩니다.

💡 Heading 종류:
• Heading 1 (H1): 가장 큰 제목 - 주요 섹션 제목용
• Heading 2 (H2): 중간 크기 제목 - 하위 섹션용
• Heading 3 (H3): 작은 제목 - 세부 항목용

빠른 입력 단축키:
• /h1 → Heading 1
• /h2 → Heading 2
• /h3 → Heading 3

"자기소개" 입력

🖥️ 화면 확인: "자기소개"라는 텍스트가 큰 굵은 글씨로 표시됩니다. 일반 텍스트보다 훨씬 크고 눈에 띕니다.

💡 제목 활용 가이드:
- Heading 1은 페이지의 주요 섹션을 구분할 때 사용
- 한 페이지에 3-5개 정도의 H1 제목이 적당합니다
- 제목은 페이지의 목차 역할을 하여 구조를 명확하게 만듭니다
- 좌측 사이드바에서 페이지 이름 옆 "..." 클릭 → "Page outline"을 선택하면 모든 제목이 목차로 표시됩니다

2

일반 텍스트 입력하고 서식 적용하기

엔터를 눌러 "자기소개" 제목 아래 일반 텍스트 블록 생성

🖥️ 화면 확인: 엔터를 누르면 Heading 1 아래에 일반 크기의 텍스트 입력 커서가 생성됩니다.

자기소개 문장 3-4줄 작성

🖥️ 화면 확인: 일반 본문 크기로 텍스트가 입력됩니다. 여러 줄을 입력하려면 각 문장 뒤에 엔터를 눌러도 되고, Shift+엔터로 줄바꿈만 할 수도 있습니다.

💡 예시 자기소개 문구:
"안녕하세요. 저는 [이름]입니다.
[직업/전공/관심사]에 관심이 많으며,
이 공간에서 일상과 배움을 기록하고 있습니다.
함께 성장하고 공유하는 것을 좋아합니다."

참고: 자신의 상황에 맞게 자유롭게 작성하세요!

작성한 텍스트 중 일부를 마우스로 드래그하여 선택

🖥️ 화면 확인: 텍스트를 드래그하면 선택한 부분이 파란색으로 강조되고, 선택 영역 위에 작은 서식 툴바(포맷팅 메뉴)가 나타납니다.

[화면 예시: 텍스트 선택 시 나타나는 서식 툴바 - B, I, U, S, A, Link 등의 버튼들]

서식 툴바에서 "B" (Bold, 굵게) 버튼 클릭

🖥️ 화면 확인: 선택한 텍스트가 굵은 글씨로 변경됩니다. 다른 곳을 클릭하면 서식이 적용된 채로 고정됩니다.

💡 텍스트 서식 종류:
• B (Bold): 굵게 - 강조하고 싶은 단어/문장
• I (Italic): 기울임체 - 부가 설명이나 강조
• U: 밑줄 - 중요 표시
• S: 취소선 - 삭제/완료 표시
• A: 텍스트 색상/배경색 변경
• Code: 코드 형식
• Link: 하이퍼링크 추가

서식	단축키 (Windows)	단축키 (Mac)
굵게	Ctrl + B	Cmd + B
기울임	Ctrl + I	Cmd + I
밑줄	Ctrl + U	Cmd + U
취소선	Ctrl + Shift + S	Cmd + Shift + S

다른 부분을 선택하여 "I" (Italic, 기울임) 적용

🖥️ 화면 확인: 선택한 텍스트가 기울어진 형태로 변경됩니다.

💡 TIP: 한 텍스트에 여러 서식을 동시에 적용할 수 있습니다! 예를 들어 굵게+기울임, 굵게+밑줄 등이 가능합니다.

텍스트 선택 후 "A" 버튼으로 색상 변경해보기

🖥️ 화면 확인: "A" 버튼을 클릭하면 색상 팔레트가 나타납니다. 상단에는 텍스트 색상, 하단에는 배경 색상 옵션이 표시됩니다. 다양한 색상(회색, 갈색, 주황, 노랑, 초록, 파랑, 보라, 분홍, 빨강)을 선택할 수 있습니다.

💡 색상 활용 팁:
- 텍스트 색상: 특정 키워드나 중요 정보 강조
- 배경 색상: 형광펜 효과로 문장 전체 강조
- 너무 많은 색상 사용은 오히려 가독성을 떨어뜨립니다
- 2-3가지 색상을 일관되게 사용하는 것을 추천
- 예: 파란색=링크/참고, 노란 배경=중요, 빨간색=주의

3

글머리 기호 리스트 만들기

자기소개 아래에 "/" 입력 후 "Bulleted list" 선택

🖥️ 화면 확인: "/" 메뉴에서 "Bulleted list"를 찾아 클릭하거나, "bullet" 또는 "ul"이라고 입력 후 엔터를 누릅니다. 작은 점(•) 기호가 앞에 붙은 리스트 항목이 생성됩니다.

🔑 리스트의 중요성: 리스트는 정보를 구조화하고 가독성을 높이는 가장 효과적인 방법입니다. 여러 항목을 나열하거나 단계를 표시할 때 필수적입니다.

관심사 첫 번째 항목 입력 (예: "독서와 글쓰기")

🖥️ 화면 확인: • 기호 뒤에 입력한 텍스트가 표시됩니다.

엔터를 눌러 다음 리스트 항목 생성하고 2-3개 항목 더 추가

🖥️ 화면 확인: 엔터를 누를 때마다 자동으로 새로운 • 기호가 생성되며 다음 항목을 입력할 수 있습니다.

💡 리스트 활용 예시:
• 독서와 글쓰기
• 웹 개발과 디자인
• 사진 촬영과 영상 편집
• 여행과 새로운 경험

리스트 조작 팁:
- Tab 키: 들여쓰기 (하위 항목 만들기)
- Shift + Tab: 내어쓰기 (상위로 이동)
- 빈 항목에서 엔터 2번: 리스트 종료
- 드래그: 항목 순서 변경

하위 리스트 만들기: 항목에서 Tab 키 눌러 들여쓰기

🖥️ 화면 확인: Tab을 누르면 현재 항목이 오른쪽으로 들여쓰기되며 하위 항목이 됩니다. • 기호도 약간 작아집니다.

💡 하위 항목 활용 예시:
• 독서와 글쓰기
    • 소설 읽기
    • 에세이 작성
    • 독서 감상문 쓰기
• 웹 개발과 디자인
    • HTML/CSS
    • JavaScript

하위 리스트 장점:
- 정보를 계층적으로 구조화
- 주제와 세부사항을 명확하게 구분
- 최대 6단계까지 들여쓰기 가능

4

번호 매기기 리스트 만들기

새 줄에서 "/" 입력 후 "Numbered list" 선택

🖥️ 화면 확인: "/" 메뉴에서 "Numbered list"를 선택하거나 "num" 또는 "ol"을 입력 후 엔터. "1." 로 시작하는 번호 매기기 리스트가 생성됩니다.

💡 번호 리스트 vs 글머리 기호:
번호 리스트 사용 시기:
- 순서가 중요한 단계나 절차
- 우선순위가 있는 항목
- 순위나 등급
- 시간 순서

글머리 기호 사용 시기:
- 순서가 없는 항목들
- 동등한 중요도의 리스트
- 관심사, 특징 나열

"나의 목표" 제목과 함께 3-4개 항목 입력

🖥️ 화면 확인: 각 항목마다 1., 2., 3., 4. 순서로 자동 번호가 매겨집니다. 엔터를 누를 때마다 다음 번호가 자동으로 생성됩니다.

💡 예시:
1. 매일 30분씩 독서하기
2. 주 3회 운동 습관 만들기
3. 월 1회 새로운 것 배우기
4. 분기별 여행 계획 실천하기

번호 리스트 특징:
- 항목을 이동하면 번호가 자동으로 재정렬됩니다
- 중간에 항목을 추가/삭제해도 번호가 자동 업데이트
- Tab으로 하위 번호(1.1, 1.2) 생성 가능

5

인용구(Quote) 추가하기

"/" 입력 후 "Quote" 선택

🖥️ 화면 확인: "/" 메뉴에서 "Quote" 선택 또는 "quote"라고 입력 후 엔터. 회색 배경에 왼쪽에 세로 줄이 있는 인용구 블록이 생성됩니다.

🔑 인용구란? 다른 사람의 말이나 명언, 또는 자신이 강조하고 싶은 문구를 시각적으로 돋보이게 표시하는 블록입니다. 회색 배경과 왼쪽 세로선으로 일반 텍스트와 구분됩니다.

좋아하는 명언이나 모토 입력

🖥️ 화면 확인: 인용구 블록 안에 텍스트를 입력하면 일반 텍스트와는 다른 스타일로 표시됩니다. 회색 배경이 텍스트를 감싸고 있습니다.

💡 인용구 예시:
"배움에는 끝이 없고, 가르침에는 한계가 없다."
"The only way to do great work is to love what you do." - Steve Jobs
"작은 진전도 진전이다."

인용구 활용 방법:
- 페이지의 핵심 메시지나 철학 표현
- 영감을 주는 명언이나 격언
- 중요한 원칙이나 규칙
- 특정 섹션의 요약이나 핵심 포인트
- 책이나 기사에서 발췌한 인용문

6

구분선(Divider) 추가하기

"/" 입력 후 "Divider" 선택

🖥️ 화면 확인: "/" 메뉴에서 "Divider" 선택 또는 "div" 또는 "---"(하이픈 3개) 입력 후 엔터. 페이지 전체 너비에 걸친 얇은 회색 가로선이 생성됩니다.

💡 구분선 활용:
- 서로 다른 주제나 섹션 구분
- 페이지 내용의 시각적 정리
- 긴 페이지를 읽기 쉽게 분할
- 중요한 내용 전후로 강조

빠른 입력 방법:
새 줄에서 "---" (하이픈 3개) 입력 후 엔터를 누르면 자동으로 구분선 생성!

💡 TIP: 구분선을 너무 많이 사용하면 오히려 페이지가 산만해 보일 수 있습니다. 주요 섹션 구분에만 사용하는 것을 추천합니다.

💡 3차시 핵심 팁 정리

• "/" 명령어 마스터: Notion의 모든 기능을 여는 마법의 키입니다. "/" 뒤에 원하는 블록 이름을 입력하세요
• Heading으로 구조화: H1, H2, H3를 활용해 페이지 구조를 명확하게 만들면 읽기 쉽습니다
• 서식 단축키 활용: Ctrl+B (굵게), Ctrl+I (기울임) 등 단축키를 익히면 작업 속도가 빨라집니다
• 리스트는 Tab/Shift+Tab: 들여쓰기와 내어쓰기로 계층 구조를 만드세요
• 색상은 적절히: 너무 많은 색상 사용은 가독성을 떨어뜨립니다. 2-3가지 색을 일관되게 사용하세요
• 블록 드래그: 모든 블록은 왼쪽 ⋮⋮ 핸들을 드래그하여 순서를 변경할 수 있습니다
• Ctrl+Z는 친구: 실수해도 걱정 마세요. 실행 취소로 언제든 되돌릴 수 있습니다

자주 사용하는 "/" 명령어
/h1, /h2, /h3	제목 1, 2, 3
/bullet	글머리 기호 리스트
/num	번호 매기기 리스트
/todo	체크박스 리스트
/quote	인용구
/div 또는 ---	구분선
/code	코드 블록
/page	새 페이지

✅ 3차시 완료! 축하합니다!

여러분은 이제 다음 내용을 익혔습니다:

• ✓ "/" 명령어로 다양한 블록 추가하기
• ✓ Heading 1, 2, 3로 페이지 구조 만들기
• ✓ 텍스트 서식(굵게, 기울임, 밑줄, 색상) 적용하기
• ✓ 글머리 기호와 번호 매기기 리스트 만들기
• ✓ Tab/Shift+Tab으로 하위 항목 만들기
• ✓ 인용구로 중요한 문구 강조하기
• ✓ 구분선으로 섹션 나누기
• ✓ 블록의 개념과 조작 방법 이해하기

🎉 이제 여러분의 페이지가 훨씬 구조화되고 읽기 쉬워졌습니다!
다음 차시에서는 이미지, 비디오 등 미디어를 추가하는 방법을 배워봅시다!