노션(Notion) 포트폴리오 PDF 변환 시 레이아웃 깨짐 방지 및 모바일 가독성 팁

최종 수정일: 2026년 9월 · 작성 환경: Notion 웹/데스크탑 앱, Chrome 최신 버전 기준 (Notion UI는 수시로 업데이트되므로 실제 화면과 메뉴 위치가 다를 수 있습니다)
노션으로 정성껏 만든 포트폴리오, 막상 PDF로 변환하면 레이아웃이 엉망이 되어 당황했던 경험 있으시죠? 이 글은 실제로 2단·3단 레이아웃 페이지를 여러 번 내보내며 확인한 결과를 바탕으로, 깔끔한 문서를 유지하면서 모바일에서도 잘 보이는 변환 전략을 정리했습니다.
📝 실제 테스트 결과
데스크탑 기준 폭 1200px 정도로 작성된 3단(Column) 구성 페이지를 PDF로 내보내면, PDF 표준 용지인 A4(210×297mm, 96dpi 환산 시 약 794px)에 맞춰 강제로 축소되면서 본문 글자가 체감상 절반 가까이 작아지는 현상이 나타났습니다. 반면 같은 분량을 단일 열로 재구성한 페이지는 글자 크기 손실 없이 페이지가 자연스럽게 이어졌습니다. 이 차이가 다단 구조를 권장하지 않는 핵심 이유입니다.

노션 PDF 변환 시 레이아웃이 깨지는 이유

많은 분이 노션을 활용해 나만의 멋진 포트폴리오를 제작하지만, 이를 PDF 파일로 내보내는 순간 기대했던 모습과는 사뭇 다른 결과물을 마주하게 됩니다. 가장 큰 이유는 노션이 기본적으로 웹 기반의 유연한 반응형 레이아웃을 채택하고 있기 때문이에요. 브라우저 환경에서는 콘텐츠가 화면 폭에 맞춰 자유롭게 늘어나고 줄어들지만, PDF는 210×297mm(A4)라는 고정 규격을 가진 인쇄 매체이기 때문에 이 유연한 구조가 강제로 잘려나가면서 이미지와 텍스트의 배치가 꼬이게 됩니다.

특히 다단 구조(Columns)를 사용했을 때 문제가 두드러집니다. 노션의 다단 기능은 화면 크기에 따라 자동으로 정렬을 맞추는데, PDF 변환 엔진은 이를 정해진 페이지 너비 안에 욱여넣으려 시도합니다. 이 과정에서 글자 크기가 비정상적으로 작아지거나, 페이지 경계선에서 콘텐츠가 잘리는 현상이 발생합니다.

레이아웃 붕괴를 막는 실무적 팁

1. 다단 사용 자제와 단일 열 배치

복잡한 다단 레이아웃은 모바일 가독성을 해치고 PDF 변환 시 오류의 주범이 됩니다. 페이지 좌측 상단의 + 버튼 대신 이미 만든 다단 블록의 경우, 블록을 드래그해 열 밖으로 빼내면 자동으로 단일 열로 풀립니다. 단일 열(Single column)로 콘텐츠를 위에서 아래로 흐르게 설계하면 PDF 변환 시 순서가 뒤섞이지 않습니다.

2. Export 옵션을 정확히 설정하기

페이지 우측 상단의 ••• 메뉴 → Export를 선택하면 내보내기 창이 뜹니다. 이때 형식은 PDF, Include subpages(하위 페이지 포함 여부), Include content 옵션을 확인하세요. 하위 페이지까지 함께 내보내면 포트폴리오 전체가 한 파일로 묶여 나오므로, 여러 프로젝트를 각각 하위 페이지로 관리했다면 이 옵션을 켜는 것이 편리합니다. (단, Notion 요금제나 버전에 따라 메뉴 명칭·위치가 다를 수 있으니 실제 화면에서 다시 확인하시길 권장합니다.)

3. 이미지 크기와 배치

큰 이미지는 한 줄에 하나씩 배치하는 것이 안전합니다. 이미지 폭이 노션 기본 블록 폭(약 700~760px 내외)을 넘어서면 PDF 변환 시 다음 페이지로 밀리면서 앞뒤로 빈 여백이 크게 생길 수 있습니다. 이미지 아래에는 항상 캡션을 달아 어떤 화면인지 명확히 표시하세요.

💡 팁: 표나 도표는 캡처 이미지보다 노션의 표(Table) 블록을 그대로 쓰는 편이 PDF 변환 시 텍스트가 선명하게 유지됩니다. 캡처 이미지는 확대 시 흐려지지만 표 블록은 벡터/텍스트 형태로 그대로 렌더링됩니다.

모바일 가독성을 고려한 설계 원칙

포트폴리오를 보는 인사담당자나 클라이언트는 모바일 기기로 문서를 먼저 확인하는 경우가 많습니다. 데스크탑에서 작성한 내용을 노션 모바일 앱이나 공유 링크로 미리 열어보고, 문단이 한 화면에서 3~4줄 이내로 끊기는지 확인하는 습관을 들이세요.

항목권장 사항
본문 글자 크기노션 기본 Text 블록 크기 유지 (임의로 확대하지 않기)
표(Table) 열 개수3개 이하로 제한 (그 이상은 모바일에서 가로 스크롤 발생)
이미지 폭노션 기본 블록 폭(약 700~760px) 이내
링크 배치별도 줄 대신 문장 속에 자연스럽게 삽입
💡 핵심 요약
1. 다단 배치를 삭제하고 단일 열 구조로 작성하세요.
2. Export 메뉴에서 Include subpages, Include content 옵션을 확인하세요.
3. 이미지 폭은 노션 기본 블록 폭(약 700~760px) 이내로 유지하세요.
4. 최종 결과물은 PDF와 모바일 공유 링크 양쪽에서 직접 확인하세요.
※ 주의사항: 브라우저 환경과 Notion 앱 버전에 따라 변환 품질과 메뉴 위치가 달라질 수 있으므로, 최신 크롬 브라우저 기준으로 재확인하는 것을 권장합니다.

❓ 자주 묻는 질문 (FAQ)

Q. PDF로 변환했는데 글씨가 너무 작아졌어요.

A. 노션 페이지가 다단 구조이거나 폭이 넓게 설정된 이미지가 많을 때 주로 발생합니다. 다단 블록을 단일 열로 풀고, 폭이 넓은 이미지는 노션 기본 블록 폭에 맞춰 줄여보세요. 그래도 작다면 제목(Heading) 스타일을 적극적으로 활용해 시각적 위계를 만드는 방법도 있습니다.

Q. 모바일에서 포트폴리오를 링크로 전달해도 괜찮나요?

A. 네, 채용 사이트나 이메일에는 PDF 파일과 함께 노션 공유 링크를 병행해서 보내는 것을 추천합니다. PDF는 인쇄나 오프라인 열람용으로, 공유 링크는 모바일에서 실시간으로 최신 상태를 보여줄 수 있는 용도로 나눠 활용하면 좋습니다.

Q. 하위 페이지가 많은 포트폴리오도 한 번에 PDF로 만들 수 있나요?

A. 가능합니다. Export 창에서 Include subpages 옵션을 켜면 현재 페이지 아래의 모든 하위 페이지가 순서대로 하나의 PDF에 포함됩니다. 다만 하위 페이지 수가 많을수록 파일 용량이 커지고 변환 시간이 길어질 수 있어, 꼭 필요한 프로젝트만 상위 페이지에 남기고 나머지는 별도로 관리하는 것도 방법입니다.

이번 포스팅을 통해 여러분의 소중한 포트폴리오가 더 완벽한 모습으로 전달되기를 바랍니다. 작은 설정 하나가 결과물의 퀄리티를 좌우합니다. 오늘 소개한 팁을 바탕으로 지금 바로 여러분의 노션을 정비해 보세요!

참고: 이 글은 Notion 웹 버전을 직접 사용해 테스트한 내용을 바탕으로 작성했습니다. 최신 기능 변경 사항은 Notion 공식 도움말 센터에서 함께 확인하시길 권장합니다.

Post a Comment

다음 이전