Notion 개인 페이지 만들기4 - 이미지와 미디어 삽입하기

📝 Notion 개인 페이지 만들기
4차시: 이미지와 미디어 삽입하기

🎯 4차시 학습 목표

✓ 이미지를 페이지에 삽입하는 다양한 방법 익히기

✓ Unsplash에서 무료 이미지 검색하고 사용하기

✓ 이미지 크기 조절과 배치 방법 배우기

✓ YouTube 비디오 임베드하기

✓ 이미지를 나란히 배치하는 컬럼 레이아웃 활용하기

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

📊 4차시 진행률

0% 완료 (0/11)

1

이미지 블록 추가하기

페이지에서 새로운 섹션 만들기: "/" 입력 후 "Heading 2" 선택하고 "나의 갤러리" 입력

🖥️ 화면 확인: /h2를 입력하고 엔터를 누르면 중간 크기의 제목이 생성됩니다. "나의 갤러리"라고 입력하여 새로운 섹션을 만듭니다.

💡 이번 섹션에서 배울 내용:
- 다양한 방법으로 이미지 추가하기
- 이미지 크기 조절 및 배치
- 여러 이미지를 나란히 배치하기
- 비디오 콘텐츠 임베드하기

"/" 입력 후 "Image" 선택

🖥️ 화면 확인: "/" 메뉴에서 "Image" 옵션을 찾아 클릭하거나 "image" 또는 "img"라고 입력 후 엔터. 이미지 삽입 옵션 메뉴가 나타납니다.

[화면 예시: 이미지 삽입 옵션 메뉴 - Upload, Embed link, Unsplash 등]

이미지 삽입 옵션 확인하기

🖥️ 화면 확인: 다음과 같은 옵션들이 표시됩니다:
• Upload - 내 컴퓨터에서 이미지 파일 업로드
• Embed link - 외부 이미지 URL 붙여넣기
• Unsplash - 무료 고품질 이미지 검색

💡 각 옵션 상세 설명:

1. Upload (가장 일반적)
- 내 컴퓨터나 폰에 있는 이미지 사용
- PNG, JPG, GIF, SVG 등 대부분의 이미지 형식 지원
- 드래그 앤 드롭으로 간편하게 추가 가능
- 최대 파일 크기: 5MB (무료 플랜)

2. Embed link (외부 이미지 링크)
- 웹에 이미 호스팅된 이미지 URL 사용
- 파일 용량을 차지하지 않음
- 원본 이미지가 삭제되면 Notion에서도 사라짐

3. Unsplash (추천!)
- 전문 사진작가의 고품질 무료 이미지
- 키워드 검색으로 원하는 이미지 찾기
- 저작권 걱정 없이 자유롭게 사용
- 다양한 주제와 스타일의 이미지

2

Unsplash에서 이미지 검색하고 추가하기

"Unsplash" 옵션 선택

🖥️ 화면 확인: Unsplash 검색 창이 나타납니다. 상단에 "Search Unsplash for photos..."라는 검색바와 하단에 추천 이미지들이 그리드 형태로 표시됩니다.

🔑 Unsplash 활용의 장점: Notion과 완벽하게 통합되어 있어 클릭 몇 번으로 전문가급 이미지를 무료로 사용할 수 있습니다. 별도의 다운로드나 업로드 과정 없이 즉시 페이지에 삽입됩니다!

검색창에 "workspace" 입력하고 검색

🖥️ 화면 확인: 작업 공간, 책상, 노트북이 있는 다양한 워크스페이스 이미지들이 표시됩니다. 각 이미지 위에 마우스를 올리면 약간 어두워지며 선택 가능함을 나타냅니다.

💡 추천 검색 키워드:
일상/라이프스타일:
- coffee, book, plant, desk, home

자연/풍경:
- nature, mountain, ocean, forest, sunset

도시/건축:
- city, architecture, street, building

추상/패턴:
- abstract, pattern, texture, gradient

업무/생산성:
- workspace, laptop, minimal, office

마음에 드는 이미지 클릭하여 선택

🖥️ 화면 확인: 이미지를 클릭하는 즉시 페이지에 삽입됩니다. 이미지가 페이지 너비에 맞춰 표시되며, 하단에 사진작가 크레딧이 작은 글씨로 표시됩니다.

💡 이미지 선택 팁:
- 고해상도 이미지를 선택하세요 (흐릿하지 않은 것)
- 페이지 내용과 어울리는 분위기의 이미지
- 너무 복잡하거나 산만한 이미지는 피하기
- 색감이 전체 페이지와 조화로운지 확인

3

이미지 크기 조절하기

삽입된 이미지 클릭하여 선택

🖥️ 화면 확인: 이미지를 클릭하면 파란색 테두리가 생기고, 이미지 모서리에 작은 조절 핸들(점)들이 나타납니다. 이미지 위에 "Original" 버튼도 표시됩니다.

이미지 우측 하단 모서리의 조절 핸들을 드래그

🖥️ 화면 확인: 마우스를 우측 하단 모서리에 가져가면 커서가 양방향 화살표로 변합니다. 클릭한 채로 드래그하면 이미지 크기가 변경됩니다.

💡 이미지 크기 조절 방법:
• 모서리 드래그: 비율을 유지하며 크기 조절
• 안쪽으로 드래그: 이미지 축소
• 바깥쪽으로 드래그: 이미지 확대
• 중앙 정렬 유지: 크기를 조절해도 가운데 정렬 유지

크기 옵션:
- Original: 원본 크기
- Page width: 페이지 전체 너비
- Small, Medium, Large: 사전 정의된 크기

💡 TIP: 너무 큰 이미지는 페이지를 압도할 수 있고, 너무 작은 이미지는 보기 어렵습니다. 내용과 균형을 맞추세요!

적절한 크기로 조절 완료

🖥️ 화면 확인: 원하는 크기에서 마우스를 놓으면 이미지 크기가 고정됩니다. 이미지 외부를 클릭하면 선택이 해제되며 조절 핸들이 사라집니다.

4

여러 이미지 나란히 배치하기 (컬럼)

이미지 아래에 "/" 입력 후 "Image" 선택하여 두 번째 이미지 추가

🖥️ 화면 확인: 첫 번째 이미지 아래에 두 번째 이미지가 세로로 배치됩니다. Unsplash에서 다른 이미지를 검색하여 추가합니다.

두 번째 이미지를 드래그하여 첫 번째 이미지 옆으로 이동

🖥️ 화면 확인: 두 번째 이미지 왼쪽의 ⋮⋮ (점 6개) 핸들을 클릭하여 드래그합니다. 첫 번째 이미지 오른쪽으로 끌어가면 파란색 세로 라인이 나타나며 "이 위치에 놓을 수 있음"을 표시합니다.

🔑 컬럼 레이아웃: Notion에서는 모든 블록을 드래그하여 나란히 배치할 수 있습니다. 이를 "컬럼"이라고 하며, 최대 5개까지 나란히 배치 가능합니다. 이미지, 텍스트, 리스트 등 모든 블록에 적용됩니다!

파란색 라인이 나타나는 위치에서 마우스 놓기

🖥️ 화면 확인: 두 이미지가 나란히 2열로 배치됩니다. 각 이미지는 자동으로 페이지 너비의 절반씩 차지하게 됩니다.

💡 컬럼 활용 팁:
- 관련된 이미지들을 그룹화
- 비포/애프터 비교 이미지
- 갤러리 형태로 여러 사진 전시
- 이미지와 설명 텍스트를 나란히 배치

컬럼 크기 조절:
- 컬럼 사이의 세로선을 좌우로 드래그하면 각 컬럼의 너비를 조절할 수 있습니다

[화면 예시: 두 이미지가 나란히 배치된 2컬럼 레이아웃]

5

YouTube 비디오 임베드하기

새 줄에서 "/" 입력 후 "Video" 선택

🖥️ 화면 확인: "/" 메뉴에서 "Video" 또는 "Embed"를 검색하여 선택합니다. 비디오 삽입 옵션이 나타납니다.

"Embed link" 옵션 선택

🖥️ 화면 확인: URL 입력 창이 나타납니다. "Paste the video link..." 같은 안내 텍스트가 표시됩니다.

💡 지원되는 비디오 플랫폼:
• YouTube - 가장 일반적
• Vimeo - 고품질 비디오
• Loom - 화면 녹화
• Google Drive - 내 비디오 파일
• 기타 많은 플랫폼 지원

YouTube 비디오 URL 붙여넣기 (예시로 아무 YouTube 링크나 사용)

🖥️ 화면 확인: URL을 붙여넣고 엔터를 누르면 YouTube 비디오가 페이지에 임베드됩니다. 비디오 썸네일과 재생 버튼이 표시되며, 클릭하면 Notion 내에서 바로 재생됩니다.

💡 YouTube URL 가져오는 방법:
1. YouTube에서 원하는 비디오 재생
2. 주소창의 URL 복사 (예: https://www.youtube.com/watch?v=...)
3. 또는 "공유" 버튼 → "링크 복사"
4. Notion에 붙여넣기

임베드 비디오 장점:
- 페이지를 떠나지 않고 시청 가능
- 관련 강의나 튜토리얼 첨부
- 프로젝트 설명 영상 추가
- 음악이나 팟캐스트 공유

⚠️ 주의: 비디오는 인터넷 연결이 필요하며, 원본 비디오가 삭제되면 Notion에서도 재생할 수 없습니다.

💡 4차시 핵심 팁 정리

• Unsplash는 보물창고: 전문가급 무료 이미지를 무제한으로 사용할 수 있습니다
• 드래그 앤 드롭: 컴퓨터의 이미지 파일을 Notion 페이지에 직접 드래그하면 바로 업로드됩니다
• 컬럼 레이아웃 마스터: 이미지뿐만 아니라 텍스트, 리스트 등 모든 블록을 나란히 배치할 수 있습니다
• 이미지 캡션: 이미지를 선택하고 "Caption" 버튼을 클릭하면 이미지 설명을 추가할 수 있습니다
• 이미지 교체: 이미지 위에 마우스를 올리고 "..." 메뉴 → "Replace" 로 다른 이미지로 교체 가능
• 비디오 타임스탬프: YouTube URL 뒤에 ?t=123s 를 추가하면 특정 시간부터 재생됩니다
• 파일 크기 고려: 너무 큰 이미지는 페이지 로딩을 느리게 할 수 있습니다

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

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

• ✓ "/" 명령어로 이미지 블록 추가하기
• ✓ Unsplash에서 무료 고품질 이미지 검색하고 사용하기
• ✓ 이미지 크기를 조절하고 적절하게 배치하기
• ✓ 여러 이미지를 나란히 배치하는 컬럼 레이아웃 만들기
• ✓ 컬럼 크기 조절하기
• ✓ YouTube 비디오를 페이지에 임베드하기
• ✓ 이미지와 비디오로 페이지를 풍성하게 만들기

🎉 이제 여러분의 페이지가 시각적으로 훨씬 풍부해졌습니다!
다음 차시에서는 To-Do 리스트와 체크박스를 활용하는 방법을 배워봅시다!