노션 + oopy로 5분 만에 나만의 웹사이트 만들기
요즘 노션(Notion)으로 글 작성하시는 분들이 정말 많죠. 저도 노션으로 글을 많이 쓰는데요. 요즘엔 노션과 우피(Oopy)를 함께 사용하면 웹사이트처럼 간편하게 운영할 수 있다 보니 다른 플랫폼에서 블로그를 안 쓰게 되더라고요. 오늘은 노션과 우피(Oopy)로 간단하게 웹사이트 만드는 방법에 대해 알아보겠습니다.
1분 만에 만드는 노션 웹사이트, 우피!
우피(Oopy)는 여러분의 노션 페이지를 최적화된 웹사이트로 바꿔줍니다. 코딩을 모르는 분들도 클릭만 몇 번 하면 웹사이트를 뚝딱 만들 수 있어요.
단, 우피는 매월 사용료가 과금이 되는 유료 서비스입니다. 신규 가입 유저인 경우 1주일 동안 최대 2개의 베이직 플랜 호스트 네임을 무료로 사용할 수 있다고 해요. 정확한 내용은 우피 웹사이트의 가격 안내 문서를 참고해주세요.
노션 가입하기
노션 홈페이지에 접속하여 페이지 상단의 노션 무료 체험 버튼을 클릭합니다.
Untitled
회원가입 화면이 나오면 노션에 가입합니다.
Untitled
이메일로 인증을 하게되면 메일로 임시 로그인용 등록코드를 보내줍니다. 해당 코드를 넣으면 본격적인 회원가입이 시작됩니다.
Untitled
이후 단계별로 여러 항목에 대해 정보를 잘 기입하시면 되는데요. 저는 개인용 웹사이트를 만들 것이기 때문에 개인용을 선택했습니다.
Untitled
모든 정보가 입력되면, 가입이 완료됩니다!
우피 가입하기
우피 홈페이지에 접속합니다
Untitled
홈페이지 페이지 하단의 ‘지금 무료로 사용해보세요!’ 버튼을 눌러 로그인 페이지로 이동합니다.
노션 + 우피 글.png
우피는 회원가입 페이지가 따로 없습니다. 회원가입할 이메일 주소를 로그인 페이지에 입력한 후 시작하기 버튼을 누르고 이메일 인증을 완료하시면 회원 가입이 완료됩니다.
Untitled
우피 회원가입이 완료되었다면, 노션과 연결할 수 있는 페이지를 보실 수 있는데요. 움직이는 이미지를 통해 어떻게 노션 페이지를 우피와 연결시킬 수 있는지 가이드 해주고 있어, 해당 튜토리얼을 따라 하시면 노션과 우피의 연결이 완료됩니다. 혹시 해당 이미지를 보고 따라 하기 어려우신 분들이 계시다면 아래 ‘노션과 우피 연결하기’ 내용을 참고해 주세요.
우피를 처음 사용해보시는 분들을 위한 팁
우피는 추천인 할인 제도를 운영하고 있습니다. 추천인 웹사이트 주소를 입력하는 경우 추천 한 사람과 받은 사람이 모두 50% 할인이 돼요. 추천인 등록은 우피 콘솔의 마이페이지에서 ‘추천인 입력’ 항목을 클릭하면 입력하실 수 있습니다. 정확한 정책이 궁금하신 분들은 추천 프로그램 공식 문서도 참고해 보세요.
제가 개인적으로 관리하는 이력서 페이지도 우피로 만들어져 있는데요. ‘https://lbm.oopy.io/’를 추천인 웹사이트로 등록하시면 50% 할인을 받으실 수 있답니다. 노션과 우피로 웹사이트를 운영하고 싶은 분들이라면 꼭 추천인 등록하시고 할인 가격으로 결제하세요!
Untitled
노션과 우피 연결하기
노션에 회원가입이 완료되면 여러분이 가입 시 선택했던 용도를 기반으로 샘플 페이지가 만들어집니다. 샘플 페이지에 바로 우피를 연결해도 됩니다.
Untitled
샘플 페이지를 사용하지 않을 거라면, 웹사이트로 사용할 새로운 페이지를 생성하고 간단한 내용을 작성합니다.
Untitled
제목 위에 마우스 커서를 올려놓으면 아이콘 추가, 커버 추가를 할 수 있습니다.
Untitled
아이콘 추가를 클릭하면 노션이 임의로 아이콘을 넣어줍니다. 자동으로 선택된 아이콘이 맘에 들지 않으신다면 추가된 아이콘을 클릭하여 다른 아이콘으로 변경해 주시면 됩니다.
Untitled
커버 추가를 클릭하면 마찬가지로 임의의 이미지가 추가됩니다. 추가된 커버의 우측 하단에 커서를 올려 커버 변경을 누르면 다른 이미지로 커버를 변경할 수 있습니다.
Untitled
Untitled
적절한 아이콘과 커버를 추가하여 첫번째 웹사이트가 될 노션 페이지를 완성했습니다.
Untitled
우피와 연결할 페이지를 선택한 후 우측 상단의 공유 버튼을 클릭합니다.
Untitled
웹에서 공유하기 버튼을 활성화합니다. 오른쪽의 버튼이 파란색으로 변경되며 아래로 몇 가지 옵션들이 생겼다면 공유 기능이 잘 활성화된 것입니다. ‘웹에서 공유’ 설정만 되어있다면 옵션과 상관없이 우피와 연결 가능하므로 ‘편집 허용’, ‘댓글 허용’, ‘템플릿 복제 허용’ 항목은 필요에 따라 설정해 주시면 됩니다.
노션 공유하기 옵션 캡쳐.png
웹에서 공유 기능 바로 아래에 있는 ‘웹 링크 복사’ 버튼을 클릭하여 해당 노션 페이지의 외부 공유용 url을 복사합니다.
Untitled
우피에서 이메일 인증, 비밀번호 설정 후 나오는 화면에 복사한 노션 페이지 링크를 붙여 넣은 후 확인을 누릅니다.
Untitled
노션과 연결할 나만의 주소를 입력합니다. 우피에서는 .oopy.io로 끝나는 도메인을 기본으로 제공하고 있습니다. 이 페이지에서는 oopy 기본 도메인으로 사용할 이름을 설정해 주시면 됩니다. 필요한 경우 도메인은 따로 구매하여 연결할 수도 있습니다.
Untitled
확인 버튼을 누르셨다면 잠시만 기다려주세요. 3,2,1! 축하합니다. 평범했던 노션 페이지가 우피를 만나 나만의 웹사이트가 되었습니다 🎉 이제 이 웹사이트는 우피 콘솔에서 손쉽게 관리할 수 있습니다.
Untitled
우피로 설정한 도메인을 인터넷 주소창에서 직접 검색해 보세요. 누구나 언제 어디서든 마음대로 접속할 수 있는 웹사이트가 뚝딱 완성되었습니다.
Untitled


GA4를 사용하다보면 측정기준과 측정항목이라는 두 단어를 참 많이 보게 되는데요. 지금까지 대충 ‘이런 거겠지' 감으로 이해하고 계셨다면, 이 글을 읽고 앞으로는 확실하게 이해하고 사용하세요!

[GA4 용어 사전] 측정기준과 측정항목 Dimensions & metrics

conversion_type

시리즈 내 순서

conversion_text

멤버 전용

대표 이미지

공개 가능

작성일

예상 읽기 시간

전환 텍스트

글쓴이

시리즈

상단 노출

전환 유형

요약

제목

이벤트 만들기, 이벤트 수정 기능을 이용하면 기존에 수집하던 이벤트를 이용해 새로운 이벤트를 만들거나, 수집하던 이벤트를 수정할 수 있습니다.

GA4 구성 기능 활용하기 (2) 이벤트 만들기, 수정하기

코딩을 모르는 분들도 클릭만 몇 번 하면 웹사이트를 뚝딱 만들 수 있어요.

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

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

Contents

함께 읽어보면 좋은 글

우리 프로젝트에서 나는 어떤 팀원일까?, ”데이터 활용 유형 테스트”

GA4 주요 이벤트 만들기

옥외 광고 성과를 분석할 때 주로 어떤 지표를 보시나요?

데이터 분석 소식을
한 달에 한 번 받아보세요

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

Contents

함께 읽어보면 좋은 글

우리 프로젝트에서 나는 어떤 팀원일까?, ”데이터 활용 유형 테스트”

GA4 주요 이벤트 만들기

옥외 광고 성과를 분석할 때 주로 어떤 지표를 보시나요?

데이터 분석 소식을 한 달에 한 번 받아보세요

데이터 분석 소식을
한 달에 한 번 받아보세요