5분 만에 홈페이지처럼 꾸미는 노션 기본 블럭 꿀팁

노션 기본 블록을 활용해 5분 만에 홈페이지처럼 꾸미는 방법을 배워보세요. 텍스트, 리스트, 미디어, 꾸미기 블록 등 필수 기능 소개.

임선우

08-23-2025

노션을 처음 켰을 때, 눈앞에 펼쳐진 새하얀 빈 페이지 앞에서 막막함을 느껴본 적 있으신가요? 어디서부터 무엇을 시작해야 할지 막막한 그 마음, 충분히 이해해요. 하지만 걱정 마세요. 이 글을 끝까지 읽고 나면, 여러분도 자신만의 멋진 노션 홈페이지를 만들 수 있게 될 거예요.

노션의 핵심은 바로 '블록(Block)'을 쌓아 올리는 것입니다. 레고처럼 다양한 블록을 조합해 원하는 결과물을 만드는 거죠. 오늘은 홈페이지 제작의 뼈대가 되는 가장 중요한 블록 그룹 6가지를 함께 알아보며, 직접 간단한 홈페이지를 만들어보는 시간까지 가질 거예요.

영상에서 사용한 실습 템플릿은 아래 링크에서 확인하실 수 있어요!


https://swneversleep.notion.site/BNI-00-20976bfb3031813f8503c3c5b097a20e

핵심 요약 3가지

1. 노션은 다양한 블록을 쌓고 조합해서 페이지를 만드는 도구예요.
2. 텍스트, 제목, 리스트, 미디어, 다단, 꾸미기 블록 등 기본적인 블록 기능만 잘 알아도 충분히 멋진 나만의 홈페이지나 문서를 만들 수 있어요.
3. 궁극적으로는 페이지, 블로그들을 체계적으로 관리하는 데이터베이스 기능을 통해 노션의 활용도를 극대화할 수 있습니다.

1. 글쓰기의 모든 것: 텍스트와 제목 블록

모든 문서의 시작은 글자겠죠? 노션의 가장 기본이 되는 블록은 바로 텍스트(Text)와 제목(Heading)입니다.

텍스트 블록: 일반적인 글을 입력하는 가장 기본적인 블록이에요. 워드나 한글처럼 편하게 내용을 작성하면 됩니다. 다만, 노션에서는 글자 크기나 글꼴을 자유롭게 바꿀 수는 없어요. 페이지 우측 상단의 점 세 개(...) 메뉴에서 노션이 제공하는 기본, 세리프, 모노 3가지 스타일 중 하나를 선택할 수 있답니다.

제목 블록: 글의 구조를 잡아주는 중요한 블록이에요. /제목1 또는 /h1처럼 단축키를 사용해 쉽게 만들 수 있고, 제목 1(H1), 제목 2(H2), 제목 3(H3) 순으로 크기가 달라요. 제목 블록을 사용하면 글의 위계를 시각적으로 보여줄 수 있고, 나중에 목차를 만들 때도 유용하게 쓰여요.

✨꿀팁: 텍스트를 드래그한 뒤 메뉴에서 코드로 표시를 선택하고 배경색을 입히면, 딱딱한 텍스트도 세련된 디자인 요소처럼 활용할 수 있어요.

2. 깔끔한 정보 정리: 리스트 블록

정보를 나열하거나 할 일을 관리할 때 리스트 블록만큼 유용한 게 없죠.

글머리 기호: /글머리 또는 * 다음에 스페이스바를 누르면 생성돼요. 여러 항목을 구분 지어 설명할 때 편리하고, Tab 키를 눌러 들여쓰기를 하면 하위 항목도 쉽게 만들 수 있어요.

번호 매기기: /번호 또는 1. 다음에 스페이스바를 누르면 순서가 있는 목록을 만들 수 있어요.

할 일 목록: /할일 또는 []를 입력하면 체크박스가 있는 리스트가 만들어져요. '노션 공부하기', '홈페이지 만들기' 같은 목표를 세우고 하나씩 체크하며 성취감을 느끼기에 좋답니다.

3. 페이지를 풍성하게: 미디어 블록

글만 있는 페이지는 지루할 수 있죠. 이미지나 영상 같은 미디어 블록을 활용해 페이지에 생동감을 더해보세요.

이미지: 컴퓨터에 있는 이미지를 복사해서 붙여넣거나(/이미지), 캡처 도구로 캡처한 이미지를 바로 붙여넣기만 해도 손쉽게 추가할 수 있어요.

동영상: 유튜브 영상 링크를 복사해서 붙여넣으면 3가지 옵션이 떠요. **임베드 생성**을 선택하면 노션 페이지 안에서 바로 영상을 재생할 수 있어 아주 편리해요.

파일: PDF, 오디오 파일 등 다양한 파일을 첨부할 수 있어요. 단, 무료 요금제는 파일당 5MB 용량 제한이 있으니, 용량이 큰 파일은 유튜브나 구글 드라이브에 올린 뒤 링크를 가져오는 것을 추천해요.

4. 레이아웃의 마법: 다단 블록과 구분선

페이지를 홈페이지처럼 꾸미고 싶다면, 레이아웃을 자유자재로 다루는 것이 중요해요.

다단 블록(열): /2열처럼 입력하면 페이지를 2개의 단으로 나눌 수 있어요. 블록 핸들(점 6개)을 드래그해서 원하는 블록을 다른 블록 옆으로 옮기면, 자동으로 단이 나뉘기도 해요. 이 기능을 활용하면 왼쪽에는 글, 오른쪽에는 이미지를 배치하는 등 잡지처럼 세련된 레이아웃을 만들 수 있습니다.

구분선: /구분선 또는 ---를 입력하면 가로선이 생겨요. 내용의 흐름을 전환하거나 섹션을 나눌 때 사용하면 페이지가 훨씬 정돈되어 보인답니다.

5. 핵심 내용 강조하기: 꾸미기 블록 3총사

독자, 방문자의 시선을 사로잡고 중요한 정보를 강조하고 싶을 때 사용하는 블록들이에요.

콜아웃(Callout): /콜아웃으로 만들 수 있고, 아이콘과 배경색이 있어 공지사항이나 핵심 팁을 강조할 때 아주 유용해요. 고객 후기나 기능 설명을 넣을 때 활용하면 가독성이 확 올라갑니다.

인용(Quote): /인용으로 생성하며, 왼쪽에 세로선이 생겨 인상 깊은 문구나 다른 사람의 말을 인용할 때 사용하기 좋아요.

토글(Toggle): /토글을 사용하면 내용을 숨겨놓았다가 화살표를 눌러 펼쳐볼 수 있어요. FAQ(자주 묻는 질문)처럼 내용이 길어질 수 있는 부분을 깔끔하게 정리할 때 효과적입니다.

6. 노션의 꽃, 데이터베이스

지금까지 배운 블록만으로도 충분히 멋진 페이지를 만들 수 있지만, 노션의 진정한 잠재력은 데이터베이스에 있어요.

데이터베이스는 여러 노션 페이지를 한곳에 모아놓은 파일함이라고 생각하면 쉬워요. /데이터베이스를 입력해 만들 수 있으며, 단순한 표 형태로 시작하지만 '보기 형식'을 바꾸는 순간 마법이 시작됩니다.

똑같은 데이터라도 갤러리 형식으로 바꾸면 블로그 글 목록처럼 썸네일이 있는 형태로 보이고, 보드 형식으로 바꾸면 칸반 보드처럼 프로젝트 현황을 관리할 수 있어요. 데이터베이스는 내용이 방대해서 다음 기회에 더 자세히 다루겠지만, 이런 기능이 있다는 것만 알아두셔도 앞으로 노션을 활용할 무궁무진한 가능성을 엿보실 수 있을 거예요.
핵심 요약 (TL;DR)
1. 노션은 다양한 블록을 쌓고 조합해서 페이지를 만드는 도구예요.
2. 텍스트, 제목, 리스트, 미디어, 다단, 꾸미기 블록 등 기본적인 블록 기능만 잘 알아도 충분히 멋진 나만의 홈페이지나 문서를 만들 수 있어요.
3. 궁극적으로는 페이지들을 체계적으로 관리하는 데이터베이스 기능을 통해 노션의 활용도를 극대화할 수 있습니다.

오늘 배운 블록들을 하나씩 쌓아 올리며 여러분만의 페이지, 홈페이지를 자유롭게 만들어보세요. 생각보다 훨씬 쉽고 재밌답니다.