세미나 광고 이미지
  • 추천 자료
  • 기타

노션 + oopy로 5분 만에 나만의 웹사이트 만들기

세미나 광고 이미지
세미나 광고 이미지
요즘 노션(Notion)으로 글 작성하시는 분들이 정말 많죠. 저도 노션으로 글을 많이 쓰는데요. 요즘엔 노션과 우피(Oopy)를 함께 사용하면 웹사이트처럼 간편하게 운영할 수 있다 보니 다른 플랫폼에서 블로그를 안 쓰게 되더라고요. 오늘은 노션과 우피(Oopy)로 간단하게 웹사이트 만드는 방법에 대해 알아보겠습니다.
 
💡
1분 만에 만드는 노션 웹사이트, 우피!
우피(Oopy)는 여러분의 노션 페이지를 최적화된 웹사이트로 바꿔줍니다. 코딩을 모르는 분들도 클릭만 몇 번 하면 웹사이트를 뚝딱 만들 수 있어요.
단, 우피는 매월 사용료가 과금이 되는 유료 서비스입니다. 신규 가입 유저인 경우 1주일 동안 최대 2개의 베이직 플랜 호스트 네임을 무료로 사용할 수 있다고 해요. 정확한 내용은 우피 웹사이트의 가격 안내 문서를 참고해주세요.
 
 

노션 가입하기

  1. 노션 홈페이지에 접속하여 페이지 상단의 노션 무료 체험 버튼을 클릭합니다.
    1. notion image
       
  1. 회원가입 화면이 나오면 노션에 가입합니다.
    1. notion image
       
  1. 이메일로 인증을 하게되면 메일로 임시 로그인용 등록코드를 보내줍니다. 해당 코드를 넣으면 본격적인 회원가입이 시작됩니다.
    1. notion image
       
  1. 이후 단계별로 여러 항목에 대해 정보를 잘 기입하시면 되는데요. 저는 개인용 웹사이트를 만들 것이기 때문에 개인용을 선택했습니다.
    1. notion image
       
  1. 모든 정보가 입력되면, 가입이 완료됩니다!
 
 

우피 가입하기

  1. 우피 홈페이지에 접속합니다
    1. notion image
       
  1. 홈페이지 페이지 하단의 ‘지금 무료로 사용해보세요!’ 버튼을 눌러 로그인 페이지로 이동합니다.
    1. notion image
       
  1. 우피는 회원가입 페이지가 따로 없습니다. 회원가입할 이메일 주소를 로그인 페이지에 입력한 후 시작하기 버튼을 누르고 이메일 인증을 완료하시면 회원 가입이 완료됩니다.
    1. notion image
       
  1. 우피 회원가입이 완료되었다면, 노션과 연결할 수 있는 페이지를 보실 수 있는데요. 움직이는 이미지를 통해 어떻게 노션 페이지를 우피와 연결시킬 수 있는지 가이드 해주고 있어, 해당 튜토리얼을 따라 하시면 노션과 우피의 연결이 완료됩니다. 혹시 해당 이미지를 보고 따라 하기 어려우신 분들이 계시다면 아래 ‘노션과 우피 연결하기’ 내용을 참고해 주세요.
 
💡
우피를 처음 사용해보시는 분들을 위한 팁
우피는 추천인 할인 제도를 운영하고 있습니다. 추천인 웹사이트 주소를 입력하는 경우 추천 한 사람과 받은 사람이 모두 50% 할인이 돼요. 추천인 등록은 우피 콘솔의 마이페이지에서 ‘추천인 입력’ 항목을 클릭하면 입력하실 수 있습니다. 정확한 정책이 궁금하신 분들은 추천 프로그램 공식 문서도 참고해 보세요.
제가 개인적으로 관리하는 이력서 페이지도 우피로 만들어져 있는데요. ‘https://lbm.oopy.io/’를 추천인 웹사이트로 등록하시면 50% 할인을 받으실 수 있답니다. 노션과 우피로 웹사이트를 운영하고 싶은 분들이라면 꼭 추천인 등록하시고 할인 가격으로 결제하세요!
 
notion image
 
 

노션과 우피 연결하기

  1. 노션에 회원가입이 완료되면 여러분이 가입 시 선택했던 용도를 기반으로 샘플 페이지가 만들어집니다. 샘플 페이지에 바로 우피를 연결해도 됩니다.
    1. notion image
       
  1. 샘플 페이지를 사용하지 않을 거라면, 웹사이트로 사용할 새로운 페이지를 생성하고 간단한 내용을 작성합니다.
    1. notion image
       
  1. 제목 위에 마우스 커서를 올려놓으면 아이콘 추가, 커버 추가를 할 수 있습니다.
    1. notion image
       
  1. 아이콘 추가를 클릭하면 노션이 임의로 아이콘을 넣어줍니다. 자동으로 선택된 아이콘이 맘에 들지 않으신다면 추가된 아이콘을 클릭하여 다른 아이콘으로 변경해 주시면 됩니다.
    1. notion image
       
  1. 커버 추가를 클릭하면 마찬가지로 임의의 이미지가 추가됩니다. 추가된 커버의 우측 하단에 커서를 올려 커버 변경을 누르면 다른 이미지로 커버를 변경할 수 있습니다.
    1. notion image
      notion image
       
  1. 적절한 아이콘과 커버를 추가하여 첫번째 웹사이트가 될 노션 페이지를 완성했습니다.
    1. notion image
       
  1. 우피와 연결할 페이지를 선택한 후 우측 상단의 공유 버튼을 클릭합니다.
    1. notion image
  1. 웹에서 공유하기 버튼을 활성화합니다. 오른쪽의 버튼이 파란색으로 변경되며 아래로 몇 가지 옵션들이 생겼다면 공유 기능이 잘 활성화된 것입니다. ‘웹에서 공유’ 설정만 되어있다면 옵션과 상관없이 우피와 연결 가능하므로 ‘편집 허용’, ‘댓글 허용’, ‘템플릿 복제 허용’ 항목은 필요에 따라 설정해 주시면 됩니다.
    1. notion image
       
  1. 웹에서 공유 기능 바로 아래에 있는 ‘웹 링크 복사’ 버튼을 클릭하여 해당 노션 페이지의 외부 공유용 url을 복사합니다.
    1. notion image
       
  1. 우피에서 이메일 인증, 비밀번호 설정 후 나오는 화면에 복사한 노션 페이지 링크를 붙여 넣은 후 확인을 누릅니다.
    1. notion image
       
  1. 노션과 연결할 나만의 주소를 입력합니다. 우피에서는 .oopy.io로 끝나는 도메인을 기본으로 제공하고 있습니다. 이 페이지에서는 oopy 기본 도메인으로 사용할 이름을 설정해 주시면 됩니다. 필요한 경우 도메인은 따로 구매하여 연결할 수도 있습니다.
    1. notion image
       
  1. 확인 버튼을 누르셨다면 잠시만 기다려주세요. 3,2,1! 축하합니다. 평범했던 노션 페이지가 우피를 만나 나만의 웹사이트가 되었습니다 🎉 이제 이 웹사이트는 우피 콘솔에서 손쉽게 관리할 수 있습니다.
    1. notion image
       
  1. 우피로 설정한 도메인을 인터넷 주소창에서 직접 검색해 보세요. 누구나 언제 어디서든 마음대로 접속할 수 있는 웹사이트가 뚝딱 완성되었습니다.
    1. notion image
이보민데이터 분석가

채용 플랫폼 잡플래닛에서 데이터 분석가로 일했습니다. 지금은 데이터리안에서 마케터 겸 데이터 분석가로 일하고 있습니다.

함께 읽어보면 좋은 글

주식회사 데이터리안