노션 포트폴리오 만들기: 프로젝트 갤러리부터 상세 페이지까지

노션 포트폴리오를 만들 때, 취업 준비나 자신이 진행한 프로젝트를 어떻게 정리해야 할지 고민될 수 있습니다.

프로젝트마다 설명할 내용이 많다면 일반 문서 한 장에 모든 정보를 넣는 것도 불편합니다.

반대로 프로젝트마다 별도의 문서를 만들면 전체 작업을 한눈에 보여주기 어려울 수 있습니다.

노션에서는 하나의 페이지에 자기소개와 경력을 정리하고, 프로젝트는 갤러리 카드로 보여주는 포트폴리오를 만들 수 있습니다.

각 카드를 클릭하면 프로젝트별 상세 내용도 확인할 수 있습니다.

이번 글에서는 노션 무료 플랜으로 다음 기능을 갖춘 포트폴리오를 만들어 보겠습니다.

  • 자기소개와 연락처를 정리한 메인 페이지
  • 프로젝트 3개를 보여주는 갤러리
  • 프로젝트별 기간·역할·작업 상태 표시
  • 프로젝트 개요와 작업 과정을 담은 상세 페이지
  • 경력 2개를 순서대로 정리한 소개 영역
  • 완료한 프로젝트만 따로 보는 필터
  • 외부 링크와 공개 전 개인정보 점검

휴대전화에서는 넓은 표를 좌우로 밀어 확인할 수 있습니다. 화면 속 글자가 작다면 이미지를 눌러 크게 열어 보세요.

이번 실습에서는 노션 무료 플랜의 한국어 웹에서 직접 포트폴리오를 제작했습니다.

프로젝트 3개와 상세 페이지 3개, 경력 2개를 구성했고, 새 프로젝트를 추가하거나 링크를 확인하는 테스트도 진행했습니다.

다만 실제 휴대전화와 외부 방문자 환경은 검증하지 않았습니다. 모바일 화면과 공개 설정에서 추가로 확인할 부분은 글 마지막에서 따로 설명하겠습니다.

1. 완성된 노션 포트폴리오 살펴보기

먼저 이번에 제작한 포트폴리오입니다.

노션 포트폴리오에서 기간과 역할, 진행 상태를 표시한 프로젝트 갤러리 세 개를 확인하는 화면
노션 포트폴리오에서 기간과 역할, 진행 상태를 표시한 프로젝트 갤러리 세 개를 확인하는 화면 · 실제 노션 실습 화면

이번 포트폴리오는 ‘민서’라는 가상의 인물을 기준으로 구성했습니다.

실제 취업 지원자의 프로젝트나 경력을 사용한 것은 아닙니다.

메인 페이지에는 다음 정보가 들어 있습니다.

구역포함한 내용
소개이름과 한 줄 소개
자기소개관심 분야와 작업 방향
프로젝트프로젝트 갤러리 3개
경력기간과 역할 설명이 있는 경력 2개
연락데모 이메일

프로젝트 갤러리에는 세 개의 카드가 표시됩니다.

카드에는 프로젝트명, 기간, 역할, 작업 상태를 보여주도록 설정했습니다.

예를 들어 ‘자료찾기 안내서’ 프로젝트는 2026년 4월부터 5월까지 진행한 것으로 설정했습니다.

역할은 ‘편집’, 작업 상태는 ‘완료’입니다.

프로젝트명을 클릭하면 별도의 상세 페이지가 열립니다.

상세 페이지에서는 프로젝트 개요와 맡은 작업, 확인 자료, 회고까지 읽을 수 있습니다.

이번 글에서는 복잡한 수식이나 관계형 데이터베이스를 사용하지 않습니다.

일반 페이지와 프로젝트 데이터베이스 하나만으로 포트폴리오를 만드는 방법을 설명하겠습니다.

2. 포트폴리오 메인 페이지 만들기

노션에서 새로운 페이지를 생성합니다.

이번 실습에서는 왼쪽 사이드바에서 ‘새 페이지’를 선택하고 개인 페이지를 만들었습니다.

페이지 제목은 다음과 같이 지정했습니다.

차근툴 실습 — 포트폴리오 만들기

실제 사용할 때는 ‘홍길동 포트폴리오’, ‘디자인 포트폴리오’처럼 자신의 용도에 맞게 변경하면 됩니다.

이름과 한 줄 소개 작성하기

페이지 상단에 자신의 이름을 입력합니다.

이번 예제에서는 가상의 이름인 ‘민서’를 사용했습니다.

그 아래에 한 줄 소개를 작성합니다.

자료를 정리하고 정보를 전달하는 작업에 관심이 있는 기획·운영 입문자

한 줄 소개는 자신의 관심 분야나 수행할 수 있는 작업을 간결하게 보여주는 용도입니다.

실제로 사용한다면 지원 직무나 경력에 맞게 작성하면 됩니다.

본문 구역 나누기

이번 포트폴리오에서는 다음 네 구역을 만들었습니다.

  1. 자기소개
  2. 프로젝트
  3. 경력
  4. 연락

각 구역의 제목은 노션의 ‘제목2’ 블록을 사용했습니다.

가상의 인물 민서의 소개와 자기소개, 프로젝트 구역을 배치한 노션 포트폴리오 메인 페이지
가상의 인물 민서의 소개와 자기소개, 프로젝트 구역을 배치한 노션 포트폴리오 메인 페이지 · 실제 노션 실습 화면

자기소개에는 세 문장을 작성했습니다.

실습용 페이지에서는 가상 프로젝트와 경력이라는 점을 명확하게 표시했습니다.

실제 포트폴리오를 만든다면 자신의 경력과 경험을 바탕으로 작성해야 합니다.

특히 수행하지 않은 프로젝트나 실제로 달성하지 않은 성과를 기재하지 않도록 주의하세요.

3. 프로젝트 데이터베이스 만들기

이제 포트폴리오에서 가장 중요한 프로젝트 목록을 만들겠습니다.

메인 페이지의 ‘프로젝트’ 구역 아래에서 /데이터베이스를 입력합니다.

실제 실습에서는 다음 메뉴를 사용했습니다.

데이터베이스 – 인라인 → 비어 있는 새 데이터 소스

인라인 데이터베이스를 사용하면 메인 페이지 안에 프로젝트 목록을 배치할 수 있습니다.

데이터베이스 이름은 프로젝트로 지정했습니다.

처음 생성된 ‘이름’ 속성은 ‘프로젝트명’으로 변경했습니다.

필요한 속성 6개

프로젝트 데이터베이스에는 다음 여섯 가지 속성을 만들었습니다.

속성 이름유형용도
프로젝트명제목프로젝트 이름
기간날짜프로젝트 시작일과 종료일
역할텍스트프로젝트에서 맡은 역할
작업상태선택진행 또는 완료
설명텍스트프로젝트에 관한 짧은 설명
참고URLURL관련 자료 링크
프로젝트명, 기간, 역할, 작업상태, 설명, 참고URL로 구성된 노션 프로젝트 데이터베이스 속성
프로젝트명, 기간, 역할, 작업상태, 설명, 참고URL로 구성된 노션 프로젝트 데이터베이스 속성 · 실제 노션 실습 화면

이 여섯 가지 속성은 실제 노션에서 생성하고 확인한 구성입니다.

수식이나 관계형, 롤업은 사용하지 않았습니다.

프로젝트 기간 입력하기

‘기간’ 속성은 날짜 유형으로 지정합니다.

날짜를 선택하는 화면에서 ‘종료일’을 활성화하면 시작일과 종료일을 함께 입력할 수 있습니다.

예를 들어 다음과 같이 설정합니다.

  • 시작일: 2026년 4월 1일
  • 종료일: 2026년 5월 31일

이렇게 하면 한 프로젝트의 진행 기간을 날짜 범위로 관리할 수 있습니다.

이번 실습에서는 월 단위로 계획했던 기간을 실제 노션 날짜 속성에 입력하기 위해 시작 월의 1일과 마지막 월의 말일을 사용했습니다.

실제 프로젝트라면 정확한 시작일과 종료일을 입력하면 됩니다.

작업 상태 만들기

‘작업상태’ 속성은 선택 유형으로 만듭니다.

다음 두 가지 옵션을 추가합니다.

  • 진행
  • 완료

프로젝트를 진행 중이라면 ‘진행’, 작업을 마쳤다면 ‘완료’를 선택합니다.

이후 완료한 프로젝트만 따로 보는 필터를 만들 때 사용하겠습니다.

4. 가상 프로젝트 3개 등록하기

속성을 만들었다면 프로젝트를 등록해 보겠습니다.

이번 실습에서는 다음 세 프로젝트를 사용했습니다.

프로젝트명기간역할상태
자료찾기 안내서2026.04.01~05.31편집완료
참여자 FAQ 정리2026.06.01~07.31정리완료
소모임 공지개선2026.08.01~09.30운영진행

모두 노션 제작 방법을 검증하기 위한 가상 사례입니다.

실제로 수행한 프로젝트나 취업 성과를 나타내는 것은 아닙니다.

프로젝트 설명 작성하기

각 프로젝트의 ‘설명’ 속성에는 짧은 소개를 작성했습니다.

자료찾기 안내서

자료를 찾기 쉽게 정리하는 가상의 안내서 프로젝트

참여자 FAQ 정리

참여자가 자주 묻는 질문을 분류하고 정리하는 가상 프로젝트

소모임 공지개선

모임 공지의 전달 구조를 개선하는 가상의 프로젝트

설명은 모든 세부 내용을 담기보다는 어떤 작업인지 짧게 소개하는 용도로 사용했습니다.

자세한 내용은 프로젝트별 상세 페이지에 작성하겠습니다.

5. 프로젝트를 갤러리 카드로 표시하기

프로젝트를 등록했다면 표 형태의 목록을 갤러리로 변경해 보겠습니다.

노션의 갤러리는 데이터베이스에 등록된 항목을 카드 형태로 표시하는 기능입니다.

이번 실습에서는 다음 메뉴를 사용했습니다.

설정 → 레이아웃 → 갤러리

갤러리 레이아웃을 선택한 뒤 카드 설정을 조정했습니다.

실제로 사용한 갤러리 설정

설정 항목선택한 값
레이아웃갤러리
카드 크기중간
카드 미리보기카드 사용 안함
표시 속성프로젝트명·기간·역할·작업상태
페이지 보기 선택전체 페이지 보기
정렬 기준기간
정렬 방향새로운 항목 → 오래된 항목
노션 프로젝트 갤러리의 카드 크기를 중간으로 설정하고 카드 미리보기를 사용하지 않도록 지정한 화면
노션 프로젝트 갤러리의 카드 크기를 중간으로 설정하고 카드 미리보기를 사용하지 않도록 지정한 화면 · 실제 노션 실습 화면

카드에 모든 속성을 표시해야 할까?

이번에는 카드에서 다음 네 가지 정보만 보여주도록 했습니다.

  • 프로젝트명
  • 기간
  • 역할
  • 작업상태

‘설명’과 ‘참고URL’은 카드에서 숨겼습니다.

프로젝트를 선택하면 상세 페이지에서 확인할 수 있기 때문입니다.

이는 원본 속성을 삭제하는 작업이 아닙니다.

보기에서 표시하지 않더라도 데이터베이스와 상세 페이지에는 해당 정보가 유지됩니다.

기간이 최신인 프로젝트부터 표시하기

프로젝트 갤러리의 정렬을 설정합니다.

정렬 → 기간 → 새로운 항목 → 오래된 항목으로 정렬

이번 실습에서는 다음 순서로 카드가 표시됐습니다.

  1. 소모임 공지개선
  2. 참여자 FAQ 정리
  3. 자료찾기 안내서

가장 최근 기간의 프로젝트가 먼저 표시된 것입니다.

이후 페이지를 새로고침했을 때도 기간 정렬이 유지되는 것을 확인했습니다.

참고로 이번 메인 페이지의 인라인 갤러리에서는 카드가 두 열로 배치됐습니다.

데이터베이스 전체 페이지에서는 카드 세 개가 한 줄로 표시됐습니다.

갤러리가 모든 환경에서 항상 세 열로 표시되는 것은 아닙니다.

화면 너비나 데이터베이스를 표시하는 위치에 따라 카드 배치가 달라질 수 있습니다.

6. 프로젝트별 상세 페이지 만들기

이제 갤러리 카드에 표시할 자세한 내용을 작성하겠습니다.

노션 데이터베이스의 각 프로젝트는 하나의 페이지입니다.

따라서 프로젝트마다 별도의 상세 내용을 작성할 수 있습니다.

이번 실습에서는 갤러리 카드의 프로젝트명을 한 번 클릭해 상세 페이지를 여는 동작을 확인했습니다.

카드의 기간 속성을 누르면 날짜 편집 화면이 열릴 수도 있으므로, 상세 내용을 읽으려면 프로젝트명을 선택하면 됩니다.

상세 페이지 구성하기

이번에는 세 프로젝트 모두 동일한 구조를 사용했습니다.

  1. 프로젝트 개요
  2. 내가 맡은 작업
  3. 확인 자료
  4. 회고

각 항목은 실제 노션의 ‘제목2’ 블록으로 만들었습니다.

프로젝트 개요, 내가 맡은 작업, 확인 자료, 회고의 네 구역으로 구성한 노션 포트폴리오 상세 페이지
프로젝트 개요, 내가 맡은 작업, 확인 자료, 회고의 네 구역으로 구성한 노션 포트폴리오 상세 페이지 · 실제 노션 실습 화면

예를 들어 ‘자료찾기 안내서’의 본문은 다음과 같이 작성했습니다.

프로젝트 개요

여러 자료를 한곳에서 쉽게 찾도록 구성하는 가상 프로젝트다.

내가 맡은 작업

자료 분류 기준을 정하고 안내 문장을 구성했다.

확인 자료

참고URL은 데모용 주소다. 실제 결과물 증빙 링크는 제공하지 않는다.

회고

정보가 많을수록 일관된 분류 기준이 중요하다고 느꼈다.

이 예제는 상세 페이지의 구조를 보여주기 위한 내용입니다.

실제 포트폴리오에는 자신이 수행한 작업과 역할을 구체적으로 설명해야 합니다.

나머지 프로젝트도 같은 구조로 작성하기

‘참여자 FAQ 정리’에는 질문을 분류하고 답변 초안을 구성한 내용을 작성했습니다.

‘소모임 공지개선’에는 공지의 항목 순서와 정보 전달 구조를 정리한 내용을 작성했습니다.

세 프로젝트의 본문이 모두 동일한 문장으로 채워지지 않도록 각각 다른 설명을 사용했습니다.

실제로 세 프로젝트 카드를 열어 확인한 결과, 각각의 프로젝트 속성과 네 가지 상세 구역이 정상적으로 표시됐습니다.

프로젝트의 정보가 다른 프로젝트 페이지에 잘못 섞이는 문제도 관찰되지 않았습니다.

7. 전체 프로젝트와 완료 프로젝트 구분하기

프로젝트가 늘어나면 진행 중인 프로젝트와 완료한 프로젝트를 나누어 보고 싶을 수 있습니다.

이번에는 하나의 데이터베이스 안에 세 가지 보기를 구성했습니다.

보기역할
프로젝트 갤러리프로젝트를 카드로 표시
프로젝트 목록프로젝트를 표로 표시
완료 프로젝트완료한 프로젝트만 표시

프로젝트 목록 만들기

프로젝트 데이터베이스에서 ‘보기 추가’를 선택합니다.

표 보기를 추가하고 이름을 ‘프로젝트 목록’으로 지정합니다.

이번 실습에서는 다음 정보를 표시했습니다.

  • 프로젝트명
  • 기간
  • 역할
  • 작업상태
  • 참고URL

설명 속성은 목록 보기에서 숨겼습니다.

전체 프로젝트 목록에는 세 개의 프로젝트가 모두 표시됐습니다.

갤러리의 기간 정렬과 목록 보기의 정렬은 별도로 관리됩니다.

이번 실습에서는 목록 보기에 별도의 정렬 규칙을 설정하지 않았으므로, 갤러리와 항상 같은 순서로 표시된다고 설명할 수는 없습니다.

완료 프로젝트 보기 만들기

프로젝트 목록 보기를 복제합니다.

복제한 보기의 이름을 ‘완료 프로젝트’로 지정합니다.

그다음 다음 필터를 설정합니다.

작업상태 → 값과 동일한 데이터 → 완료

작업상태가 완료인 프로젝트만 표시하도록 필터를 적용한 노션 포트폴리오 목록
작업상태가 완료인 프로젝트만 표시하도록 필터를 적용한 노션 포트폴리오 목록 · 실제 노션 실습 화면

필터를 적용하자 두 프로젝트가 표시됐습니다.

  • 자료찾기 안내서
  • 참여자 FAQ 정리

진행 중인 ‘소모임 공지개선’은 해당 보기에서 제외됐습니다.

하지만 전체 프로젝트 목록과 갤러리에는 여전히 남아 있었습니다.

여기서 중요한 점은 보기 복제와 데이터베이스 복제가 다르다는 것입니다.

이번에 만든 세 보기는 동일한 프로젝트 데이터베이스를 사용합니다.

완료 프로젝트 보기에서 특정 항목이 보이지 않는다고 원본 프로젝트가 삭제되는 것은 아닙니다.

8. 경력은 한 열로 정리하기

프로젝트 갤러리 아래에는 경력 구역을 만들었습니다.

이번에는 경력을 별도의 데이터베이스로 만들지 않았습니다.

메인 페이지에 제목과 기간, 설명을 순서대로 배치했습니다.

실제 작성한 경력 예제

학내 자료정리 도움

2025년 3월~2025년 8월

학내 자료의 분류와 정리를 지원했다는 가상 경력 예제.

소모임 운영 지원

2025년 9월~2026년 2월

소규모 모임의 일정과 안내 자료를 정리했다는 가상 경력 예제.

두 가상 경력의 제목, 기간, 설명이 세로 순서로 이어지는 노션 포트폴리오 화면
두 가상 경력의 제목, 기간, 설명이 세로 순서로 이어지는 노션 포트폴리오 화면 · 실제 노션 실습 화면

이번 실습에서는 각 경력을 다음 순서로 작성했습니다.

경력 제목 → 기간 → 설명

첫 번째 경력을 모두 작성한 다음 두 번째 경력을 배치했습니다.

기간과 설명을 서로 다른 가로 열에 나누지 않았습니다.

경력을 한 열로 배치한 이유

노션에서 여러 열을 사용하면 데스크톱 화면에서는 서로 나란히 표시할 수 있습니다.

하지만 화면 너비가 좁은 환경에서는 정보의 배치가 달라질 수 있습니다.

이번에는 경력 제목과 기간, 설명을 하나의 흐름으로 읽을 수 있도록 단일 열로 구성했습니다.

실제 데스크톱 환경에서는 두 경력의 순서가 정상적으로 표시되는 것을 확인했습니다.

다만 실제 휴대전화에서 같은 순서로 표시되는지는 확인하지 못했습니다.

따라서 이번 결과를 근거로 특정 아이폰에서 발생했던 경력 표시 문제가 해결됐다고 주장할 수는 없습니다.

모바일 화면에서 확인해야 할 항목은 뒤에서 설명하겠습니다.

9. 포트폴리오 링크가 제대로 작동하는지 확인하기

포트폴리오에는 자신이 수행한 작업을 확인할 수 있는 링크를 넣을 수 있습니다.

하지만 주소를 입력했다고 해서 실제 결과물이나 증빙 자료가 존재하는 것은 아닙니다.

이번 실습에서는 세 가지 상황을 비교했습니다.

노션 포트폴리오의 데모 주소 빈 URL 잘못된 URL을 비교한 프로젝트 목록
노션 포트폴리오의 데모 주소 빈 URL 잘못된 URL을 비교한 프로젝트 목록 · 실제 노션 실습 화면

① 접속할 수 있는 데모 주소

‘자료찾기 안내서’에는 다음 주소를 입력했습니다.

https://example.com/

실제로 Chrome에서 해당 주소를 열 수 있었습니다.

하지만 example.com은 문서와 설명에 사용되는 예제용 도메인입니다.

실제 프로젝트의 결과물이 있는 주소는 아닙니다.

즉, 주소에 접속할 수 있다는 것과 프로젝트의 증빙 자료가 있다는 것은 서로 다릅니다.

② 주소를 입력하지 않은 경우

‘참여자 FAQ 정리’는 참고URL을 비워 두었습니다.

그렇다면 프로젝트 상세 페이지도 열리지 않을까요?

실제로 확인한 결과 상세 페이지는 정상적으로 열렸습니다.

프로젝트 개요와 맡은 작업, 확인 자료, 회고도 읽을 수 있었습니다.

참고URL이 비어 있다는 것은 외부 자료 링크가 없다는 뜻이지, 노션의 프로젝트 상세 페이지가 없다는 뜻은 아닙니다.

③ 잘못된 주소를 입력한 경우

‘소모임 공지개선’에는 다음 주소를 입력했습니다.

https://example.invalid/

이 주소는 링크 오류를 확인하기 위해 의도적으로 사용한 예제입니다.

실제로 Chrome에서 열어 보자 다음과 같은 오류가 표시됐습니다.

DNS_PROBE_FINISHED_NXDOMAIN

잘못된 데모 주소 example.invalid에 접속했을 때 Chrome에서 사이트에 연결할 수 없음 오류가 표시된 화면
잘못된 데모 주소 example.invalid에 접속했을 때 Chrome에서 사이트에 연결할 수 없음 오류가 표시된 화면 · 실제 Chrome 링크 점검 화면

이 오류는 이번 실습에서 실제로 관찰한 결과입니다.

모든 브라우저와 네트워크에서 같은 오류 코드가 표시된다는 뜻은 아닙니다.

최종 프로젝트 상세 페이지에는 해당 주소가 의도적으로 잘못된 테스트 데이터라는 설명을 남겼습니다.

실제 취업 제출용 포트폴리오라면 이러한 주소를 제거하거나 올바른 결과물 링크로 교체해야 합니다.

포트폴리오 제출 전 링크 점검

이번 테스트에서 구분한 내용은 세 가지입니다.

확인할 것의미
URL이 입력되어 있는가?링크 속성에 값이 있는지
실제로 접속할 수 있는가?주소가 열리는지
프로젝트를 증명하는 자료인가?방문자가 작업 결과를 확인할 수 있는지

여기에 실제 공개 포트폴리오라면 외부 방문자가 해당 자료에 접근할 수 있는지도 확인해야 합니다.

이번 실습에서는 소유자 계정에서의 동작만 확인했으므로 외부 방문자 접근까지 검증한 것은 아닙니다.

10. 새로운 프로젝트를 추가하면 기존 내용은 유지될까?

프로젝트 결과물을 소개하는 포트폴리오와 제작 중인 글·영상 일정을 관리하는 화면은 역할이 다릅니다. 제작 단계와 발행일 관리가 필요하다면 노션 콘텐츠 캘린더 만들기를 참고하세요.

포트폴리오는 처음 만든 뒤에도 새로운 프로젝트를 계속 추가할 수 있어야 합니다.

이번 실습에서는 네 번째 프로젝트 J04를 임시로 만들었습니다.

프로젝트를 추가하자 갤러리 카드가 세 개에서 네 개로 늘어났습니다.

기존 프로젝트 세 개에 임시 프로젝트 J04를 추가해 카드 네 개가 표시된 노션 갤러리
기존 프로젝트 세 개에 임시 프로젝트 J04를 추가해 카드 네 개가 표시된 노션 갤러리 · 실제 노션 실습 화면

그다음 기존 프로젝트 세 개를 다시 확인했습니다.

확인한 항목은 다음과 같습니다.

  • 프로젝트명
  • 기간
  • 역할
  • 작업상태
  • 설명
  • 참고URL
  • 프로젝트 상세 페이지 본문

기존 프로젝트의 속성과 본문은 유지됐습니다.

새로운 프로젝트를 추가하기 위해 별도의 데이터베이스를 만들 필요도 없었습니다.

이후 임시 프로젝트 J04를 휴지통으로 이동했습니다.

최종적으로 갤러리에는 다시 프로젝트 세 개가 남았습니다.

임시 프로젝트를 정리한 뒤 기존 프로젝트 세 개가 유지된 노션 갤러리
임시 프로젝트를 정리한 뒤 기존 프로젝트 세 개가 유지된 노션 갤러리 · 실제 노션 실습 화면

이번 실습에서는 임시 프로젝트를 휴지통으로 이동했으며, 영구 삭제하거나 휴지통을 비우지는 않았습니다.

새로고침 후에도 유지될까?

메인 페이지와 세 프로젝트의 상세 페이지를 새로고침했습니다.

그다음 본문과 속성을 다시 확인했습니다.

그 결과 다음 항목이 유지됐습니다.

  • 자기소개
  • 프로젝트 세 개
  • 프로젝트별 상세 내용
  • 경력 두 개
  • 갤러리 설정
  • 프로젝트 목록
  • 완료 프로젝트 필터
  • 기간 정렬
  • 참고URL

실습에서는 새로고침 전후에 표시된 텍스트도 비교했습니다.

메인 페이지와 세 프로젝트 상세 페이지 모두 일치했습니다.

다만 이것은 해당 환경에서 새로고침 후 기록이 유지됐다는 검증입니다.

장기간 보존이나 다른 계정에서의 접근까지 확인한 결과는 아닙니다.

11. 모바일에서 확인해야 할 사항

포트폴리오는 데스크톱뿐 아니라 휴대전화에서 열어 볼 가능성도 있습니다.

하지만 이번 실습에서는 실제 휴대전화 화면을 확보하지 못했습니다.

따라서 모바일에서 정상 작동한다고 단정하지 않겠습니다.

대신 실제 포트폴리오를 사용하기 전에 확인하면 좋은 항목을 정리했습니다.

메인 페이지 확인

휴대전화에서 노션 페이지를 열어 다음 내용을 확인합니다.

  • 페이지 제목이 정상적으로 표시되는가?
  • 이름과 한 줄 소개가 읽히는가?
  • 자기소개 문장이 잘리거나 겹치지 않는가?
  • 프로젝트와 경력 구역을 순서대로 찾을 수 있는가?

프로젝트 갤러리 확인

다음 항목도 확인해야 합니다.

  • 프로젝트 카드 세 개가 모두 표시되는가?
  • 카드의 기간과 역할을 읽을 수 있는가?
  • 프로젝트명을 눌러 상세 페이지를 열 수 있는가?
  • 상세 페이지의 네 구역이 정상적으로 표시되는가?

경력 정보 확인

이번 글에서 특히 강조하고 싶은 부분입니다.

각 경력의 정보가 다음 순서로 이어지는지 확인합니다.

첫 번째 경력 제목 → 기간 → 설명 → 두 번째 경력 제목 → 기간 → 설명

제목과 기간, 설명이 서로 다른 위치에 표시되거나 다른 경력의 정보와 섞이지 않는지 살펴보는 것이 좋습니다.

실제 검증 범위

이번 실습에서는 데스크톱의 단일 열 경력 표시만 확인했습니다.

실제 아이폰이나 갤럭시에서 화면을 열어 확인하지는 않았습니다.

따라서 위 항목은 모바일 검증 결과가 아니라 사용자가 추가로 확인해야 할 체크리스트입니다.

실제 기기에서 문제가 발생한다면 사용한 기종과 노션 앱 또는 브라우저 버전, 문제가 생긴 위치를 함께 확인하는 것이 좋습니다.

12. 만든 포트폴리오를 공개하기 전 확인할 것

지금까지 만든 포트폴리오는 비공개 실습 페이지입니다.

실제 공유 설정을 확인한 결과 일반 사용 권한은 ‘초대받은 사용자만’으로 표시됐습니다.

게시 탭에서도 웹에 게시하기 전 상태를 확인했습니다.

노션 포트폴리오의 일반 사용 권한이 초대받은 사용자만으로 설정된 비공개 공유 화면
노션 포트폴리오의 일반 사용 권한이 초대받은 사용자만으로 설정된 비공개 공유 화면 · 실제 노션 실습 화면

이번 실습에서는 외부 공개나 복제 허용 설정을 변경하지 않았습니다.

공개 전에 확인해야 하는 이유

노션 공식 도움말에 따르면 페이지를 웹에 게시할 때 하위 페이지도 기본적으로 공개될 수 있습니다.

데이터베이스에 포함된 프로젝트 상세 페이지 역시 공개 범위를 확인해야 합니다.

또한 공개 또는 웹 링크 공유 설정에 따라 기여자의 이름, 프로필 사진, 이메일 주소 등의 계정 정보가 메타데이터에 포함될 수 있다는 안내도 있습니다.

따라서 포트폴리오를 외부에 공유하기 전에는 공개할 정보와 접근 권한을 함께 점검해야 합니다.

공개 전 점검 목록

  • ☐ 가상의 이름과 경력을 실제 정보로 교체했는가?
  • ☐ 프로젝트 내용에 공개하면 안 되는 정보가 없는가?
  • ☐ 회사나 학교의 비공개 자료가 포함되어 있지 않은가?
  • ☐ 이미지와 결과물에 대한 사용 권한이 있는가?
  • ☐ 프로젝트 링크가 실제로 열리는가?
  • ☐ 외부 방문자가 결과물에 접근할 수 있는가?
  • ☐ 하위 프로젝트 페이지의 공개 범위를 확인했는가?
  • ☐ 공개하지 않을 개인 페이지로 이어지는 링크가 없는가?
  • ☐ 계정 기여자 정보가 노출되는 범위를 확인했는가?
  • ☐ 복제 허용 여부를 결정했는가?
  • ☐ 실제 휴대전화에서 읽기 순서를 확인했는가?

이번 실습에서는 이 체크리스트 중 공개 방문자 확인과 복제 테스트를 실행하지 않았습니다.

또한 원본 페이지는 비공개로 유지했습니다.

노션 공식 문서의 공개 기능 설명과 이번 실습에서 실제 성공한 범위는 구분해야 합니다.

이 글에서 만든 비공개 포트폴리오는 무료로 복제할 수 있는 공개 템플릿이 아닙니다.

실제 공유용 결과물이 필요하다면 가상 실습 원본과 분리된 사본을 만들고, 개인정보와 하위 페이지의 접근 권한을 확인한 뒤 공개 여부를 결정하는 것이 좋겠습니다.

13. 노션 포트폴리오를 사용할 때 자주 혼동하는 부분

갤러리 보기를 추가하면 프로젝트가 복제되나요?

이번 실습에서는 프로젝트 데이터베이스 하나에 갤러리와 목록, 완료 프로젝트 보기 세 개를 만들었습니다.

세 보기 모두 같은 원본 데이터를 사용합니다.

보기만 추가하거나 복제했다고 프로젝트가 중복 생성된 것은 아닙니다.

완료 프로젝트에서 보이지 않으면 삭제된 건가요?

아닙니다.

완료 프로젝트 보기에서는 작업상태가 완료인 항목만 표시합니다.

진행 중인 프로젝트는 필터 조건에 맞지 않아 숨겨질 뿐입니다.

전체 프로젝트 목록으로 돌아가면 확인할 수 있습니다.

참고URL을 입력하지 않으면 프로젝트 상세도 없어지나요?

아닙니다.

참고URL은 외부 링크를 저장하는 속성입니다.

이번 실습에서는 URL을 비워 둔 J02의 프로젝트 상세 페이지도 정상적으로 열렸습니다.

외부 링크와 노션 내부 상세 페이지는 구분해야 합니다.

모든 프로젝트를 갤러리에서 한 줄로 볼 수 있나요?

이번 실습에서는 메인 페이지의 인라인 갤러리가 두 열로 표시됐고, 데이터베이스 전체 페이지에서는 세 카드가 한 줄로 나타났습니다.

화면과 배치에 따라 달라질 수 있으므로 항상 같은 열 수를 기대해서는 안 됩니다.

무료 플랜에서도 만들 수 있나요?

이번 포트폴리오의 기본 구조는 무료 요금제·멤버 1명인 실제 환경에서 제작했습니다.

프로젝트 데이터베이스, 갤러리, 날짜 범위, 상세 페이지, 필터와 정렬을 사용하는 과정에서 유료 기능이 필요하지 않았습니다.

다만 고급 웹사이트 맞춤 설정이나 커스텀 도메인, 여러 멤버 협업, 공개 복제 등의 기능까지 검증한 것은 아닙니다.

14. 실제 제작·검증 결과

이번 포트폴리오는 노션 무료 플랜에서 제작했습니다.

수식과 관계형, 롤업 또는 유료 자동화 기능을 사용하지 않았습니다.

프로젝트와 경력을 보여주는 기본 구조를 만들고, 링크와 데이터 보존 여부를 중심으로 테스트했습니다.

검증 항목결과
자기소개가 있는 메인 페이지제작 완료
프로젝트 DB 1개·속성 6개성공
프로젝트 갤러리 3개성공
프로젝트 상세 페이지 3개확인
전체 프로젝트 목록 3개확인
완료 프로젝트 2개확인
경력 2개의 단일 열 표시데스크톱 확인
접속 가능한 데모 링크확인
빈 URL에서도 상세 열기확인
잘못된 URL의 접속 오류확인
임시 프로젝트 추가·복원성공
새로고침 후 내용 유지성공
현재 비공개 상태확인
실제 모바일 기기미확인
외부 방문자 열람미확인
하위 페이지의 외부 접근미확인
다른 계정에서 템플릿 복제미확인

전체 검증 계획 9개 중 다섯 항목은 성공했고, 네 항목은 미확인으로 남았습니다.

최종 포트폴리오에는 다음 결과물이 유지되어 있습니다.

  • 프로젝트 데이터베이스 1개
  • 데이터베이스 속성 6개
  • 가상 프로젝트 3개
  • 프로젝트별 상세 페이지 3개
  • 경력 2개
  • 갤러리·목록·완료 프로젝트 보기

테스트를 위해 임시로 추가한 프로젝트는 정리했습니다.

원래 프로젝트의 정보와 본문은 유지됐습니다.

마무리

노션으로 포트폴리오를 만들 때 처음부터 복잡한 디자인이나 자동화 기능이 필요한 것은 아닙니다.

자기소개와 경력을 정리하고, 프로젝트 목록을 갤러리 형태로 보여준 뒤, 각 프로젝트에 상세 설명을 작성하는 것부터 시작할 수 있습니다.

이번 실습에서는 프로젝트 데이터베이스 하나만 사용해 세 프로젝트의 정보와 상세 내용을 연결했습니다.

또한 새로운 프로젝트를 추가해도 기존 정보가 유지되는지, 완료한 프로젝트만 따로 볼 수 있는지, 외부 링크가 제대로 작동하는지도 확인했습니다.

실제로 취업이나 대외 활동에 사용할 포트폴리오라면 여기서 한 단계 더 나아가야 합니다.

가상의 예제를 실제 경험으로 교체하고, 프로젝트 결과물을 확인할 수 있는 자료를 준비해야 합니다.

마지막으로 실제 휴대전화와 외부 방문자 환경에서 읽기 순서와 접근 권한까지 확인하면 좋겠습니다.

포트폴리오를 만드는 것과 다른 사람이 문제없이 열람할 수 있도록 공개하는 것은 별도의 확인 과정이라는 점을 기억하세요.

실습 환경 및 참고 자료

  • 실습일: 2026년 10월 11일
  • 노션 요금제: 무료
  • 워크스페이스 멤버: 1명
  • 사용 환경: 한국어 웹
  • 운영체제: macOS 15.7.4
  • 브라우저: Chrome 155.0.8059.39
  • 작업 환경 시간대: Asia/Seoul
  • 공유 상태: 비공개·초대받은 사용자만

본문의 인물과 프로젝트, 경력, 연락처는 모두 가상 예제입니다.

실제 취업 지원이나 업무 수행 사실을 나타내지 않습니다.

노션 공식 도움말

기존 포트폴리오 제작 참고 자료

이번 포트폴리오는 기존 템플릿을 복제하지 않고 독립적으로 작성한 가상 프로젝트와 경력 정보로 제작했습니다.

함께 보면 좋은 노션 실습

노션 데이터베이스 복제 방법 — 포트폴리오 수정 전 별도 사본을 만드는 방법과 원본 연결 차이입니다.

노션 CSV 가져오기 — 표로 정리한 목록을 옮길 때 속성 형식과 복원 범위를 확인하세요.

댓글 남기기