WeniVooks

1. 임베드 블록

임베드(Embedded) 블록은 외부 서비스나 콘텐츠를 노션 페이지 안에 직접 삽입할 수 있게 해주는 기능입니다. 이를 통해 다양한 외부 콘텐츠를 노션 안에서 바로 보고 사용할 수 있어 문서의 활용도를 크게 높일 수 있습니다.

1.1 임베디드 블록 생성 방법

임베디드 블록을 생성하는 방법에는 세 가지가 있습니다.

1. 슬래시(/) 커맨드 사용

   • 새 줄에서 /임베드를 입력
   • 원하는 서비스 선택
   • URL 붙여넣기

2. 링크 붙여넣기

   • 지원되는 서비스의 URL을 직접 붙여넣기
   • 자동으로 임베드 전환 여부 묻는 팝업 표시

3. 드래그 앤 드롭

   • 브라우저에서 URL을 직접 노션으로 드래그

1.2 주요 임베드 서비스

1. 비디오 플랫폼

• YouTube
  • 동영상 전체 재생 가능
  • 시작 시점 지정 가능
  • 자동 재생 설정 가능
  • 채널, 재생목록도 임베드 가능
• Zoom

2. 문서 및 프레젠테이션

• Google Docs
  • 문서 실시간 보기
  • 직접 편집은 불가능
  • 자동 업데이트

3. 디자인 도구

• Figma
  • 디자인 파일 실시간 미리보기
  • 프로토타입 테스트 가능
  • 코멘트 확인 가능

4. 개발 도구

• GitHub
  • 코드 저장소 미리보기
  • Gist 코드 조각 표시
  • 이슈와 PR 임베드
• CodePen
  • 라이브 코드 미리보기
  • 실시간 결과 확인
  • 인터랙티브 요소 지원

5. 기타 서비스

• Maps
  • Google Maps 위치 표시
  • 지도 확대/축소 가능
  • 길찾기 기능 사용 가능

1.3 임베드 블록 활용 팁

1. 크기 조절

   • 블록의 왼쪽/오른쪽 경계를 드래그하여 너비 조절
   • 전체 너비/중간 너비/작은 너비 중 선택
   • 일부 서비스는 높이도 조절 가능

2. 성능 최적화

   • 너무 많은 임베드는 페이지 로딩 속도 저하
   • 필요한 경우에만 사용
   • 무거운 콘텐츠는 링크로 대체 고려