노션으로 무료 개인 홈페이지 및 포트폴리오 퍼블리싱(웹 공유)하기

과거에 저만의 개인 포트폴리오 사이트나 작은 비즈니스 홈페이지를 만들려면 꽤 많은 시간과 돈이 필요했습니다. 웹 호스팅 비용을 매달 결제하고, 워드프레스나 윅스(Wix) 같은 복잡한 툴의 사용법을 새로 배워야 했죠. 더 큰 문제는 유지보수였습니다. 이력서에 줄 하나 추가하거나 포트폴리오 사진 한 장을 바꾸려 해도, 관리자 페이지에 들어가 복잡한 과정을 거쳐야 하니 결국 업데이트를 포기하고 사이트를 방치하게 되더군요.

하지만 노션을 만나고 이 모든 스트레스가 사라졌습니다. 내가 매일 일기를 쓰고 업무를 보던 그 노션 페이지 자체를, 클릭 단 세 번 만에 전 세계 누구나 접속할 수 있는 '진짜 웹사이트'로 만들어버릴 수 있기 때문입니다. 오늘은 코딩 지식이 전혀 없어도 나만의 그럴싸한 홈페이지를 무료로 퍼블리싱(웹 공유)하는 방법과, 개인정보 보호를 위한 필수 주의사항을 제 경험을 담아 상세히 알려드립니다.

1. 코딩 한 줄 없는 마법, 노션 웹 퍼블리싱이란?

웹 퍼블리싱(Publishing)이란 내 컴퓨터나 계정 안에만 있던 문서를 인터넷이라는 넓은 바다로 내보내어, 링크(URL)를 가진 사람이라면 누구나 브라우저(크롬, 사파리 등)를 통해 내 문서를 볼 수 있게 만드는 작업입니다.

노션의 '웹에 게시' 기능은 이 과정을 극단적으로 단순화했습니다. 복잡한 HTML 코드를 짤 필요도, 디자인 외주를 맡길 필요도 없습니다. 갤러리 뷰로 예쁘게 꾸민 포트폴리오 페이지나, 콜아웃 블록으로 깔끔하게 정리한 회사 소개서 페이지가 있다면 준비는 끝났습니다. 노션 화면에서 보이는 그 깔끔한 모습 그대로가 스마트폰이나 PC 웹 브라우저에 동일하게 출력됩니다.

2. 단 3초 만에 내 노션을 웹사이트로 만드는 법

잘 꾸며진 페이지를 하나 열고 우측 상단을 보십시오. '공유(Share)' 버튼을 누르면 나타나는 팝업창에서 두 번째 탭인 '게시(Publish)'를 클릭합니다.

화면 중앙에 있는 커다란 파란색 버튼, '웹에 게시(Publish to web)'를 누르는 순간 마법이 일어납니다. 빙글빙글 로딩 아이콘이 잠시 돌아가더니, 내 페이지 고유의 길고 복잡한 웹 링크(URL)가 생성됩니다. 이제 이 링크를 복사해서 카카오톡으로 친구에게 보내거나 인스타그램 프로필 링크에 달아보십시오. 상대방은 노션 앱이 깔려있지 않아도, 심지어 노션 계정이입이 되어있지 않아도 내가 만든 멋진 페이지를 쾌적하게 구경할 수 있습니다. 수정 사항이 생기면 그냥 내 노션에서 글자를 고치기만 하세요. 웹사이트에도 실시간으로 1초 만에 변경 내용이 반영됩니다.

3. 개인정보 유출을 막는 필수 보안 토글 3가지

웹사이트를 만드는 것은 쉽지만, 아무 생각 없이 게시 버튼을 눌렀다가는 큰 낭패를 볼 수 있습니다. 생성된 웹 링크 바로 아래에 있는 '옵션(Options)' 메뉴를 눌러 다음 3가지 토글(스위치)을 반드시 점검해야 합니다.

1. 템플릿 복제 허용(Allow duplicate as template): 이 옵션이 켜져 있으면, 내 홈페이지에 방문한 다른 노션 사용자가 우측 상단의 '복제' 버튼을 눌러 내 페이지를 통째로 훔쳐(?) 갈 수 있습니다. 제가 초보 시절, 정성껏 쓴 이력서 페이지를 공유할 때 이 옵션을 켜두는 실수를 범했습니다. 누군가 제 이력서 양식은 물론 개인정보까지 그대로 복사해 갈 뻔한 아찔한 경험이 있죠. 이력서나 사내 대외비 문서라면 이 토글을 무조건 '꺼짐(Off)' 상태로 두십시오.

2. 검색 엔진 색인(Search engine indexing): 유료(Plus) 요금제 이상에서만 지원하는 기능입니다. 이 옵션을 켜면 구글이나 네이버 검색창에 내 페이지의 제목을 쳤을 때 검색 결과에 노출됩니다. 불특정 다수에게 널리 알려야 하는 회사 소개서나 개인 블로그 대용이라면 켜는 것이 좋지만, 특정인에게만 은밀하게 보여줄 포트폴리오라면 반드시 꺼두어야 합니다.

3. 링크 만료일(Link expires): 역시 유료 기능으로, 지정된 날짜가 지나면 웹사이트 접속이 자동으로 차단됩니다. 클라이언트에게 기간 한정으로 시안을 보여줄 때 유용합니다.

4. 노션 웹사이트의 한계와 고도화 팁 (커스텀 도메인)

무료로 제공되는 훌륭한 기능이지만 한계도 명확합니다. 가장 큰 단점은 링크(URL) 주소가 너무 길고 안 예쁘다는 것입니다. 'notion.site/1a2b3c4d...' 처럼 무작위 알파벳이 섞여 있어 명함에 적어 넣기에는 다소 민망합니다.

이를 해결하기 위해 노션 설정(Settings) 메뉴의 '도메인(Domain)' 탭에 들어가면, notion.site 앞부분에 들어갈 나만의 아이디(예: alphanam.notion.site)를 하나 설정할 수 있습니다. 이것만으로도 훨씬 깔끔해집니다. 만약 '.com'이나 '.co.kr' 같은 완벽한 전문 웹사이트 도메인을 연결하고 싶고, 페이지 로딩 속도도 더 빠르게 만들고 싶다면 '우피(Oopy)'나 '슈퍼(Super)' 같은 노션 전용 외부 웹 빌더 서비스를 활용하는 것도 방법입니다. 약간의 비용이 발생하지만, 노션의 편리한 작성 환경과 전문 웹사이트의 퀄리티를 동시에 잡을 수 있어 많은 스타트업이 이 방식을 채택하고 있습니다.

• 핵심 요약

1. 노션의 '웹에 게시(Publish)' 기능을 이용하면 클릭 3번 만에 코딩 없이 내 페이지를 인터넷 웹사이트로 배포할 수 있습니다.

2. 웹 퍼블리싱 시 '템플릿 복제 허용' 토글을 반드시 꺼두어야 나의 소중한 개인정보나 포트폴리오 원본이 타인에게 통째로 복사되는 것을 막을 수 있습니다.

3. 노션 기본 링크는 다소 길고 복잡하므로 설정에서 개인 도메인 아이디를 세팅하거나, 필요시 우피(Oopy) 같은 외부 서비스를 통해 전문 웹사이트처럼 고도화할 수 있습니다.

• 다음 편 예고 숨 가쁘게 달려온 노션 완벽 활용 가이드, 드디어 다음 편이 마지막 15편입니다. 기껏 공들여 만든 내 모든 데이터가 한순간의 실수로 날아가는 것을 막기 위한 생명줄, **'노션 데이터 정기 백업 및 오프라인 대비 안전 관리 전략'**으로 대장정을 마무리하겠습니다.

• 여러분의 첫 웹사이트는? 만약 오늘 배운 기능으로 나만의 웹사이트 링크를 하나 만든다면, '나의 커리어 포트폴리오', '나의 취미/수집품 갤러리', '우리 동네 맛집 지도' 중 어떤 것을 가장 먼저 세상에 공유해 보고 싶으신가요? 댓글로 첫 홈페이지의 주제를 들려주세요!