Search

우피에서 노션 블럭으로 링크 만들기 (#)

우피에서 노션 블럭 링크를 생성하는 방법을 알아보세요!

노션 블럭 링크가 무엇인가요?

노션 블럭 링크는 브라우저에 입력 시 해당 노션 블럭으로 스크롤이 자동 이동되는 링크입니다.
방문자가 내용을 찾아 헤매지 않도록 도와주는 유용한 기능인데, 우피에서는 어떻게 노션 블럭 링크를 만들 수 있는지 알려드릴게요!
노션 블럭 링크를 만드는 2가지 방법을 준비했습니다.

쉬움) 노션에서 링크를 제작하기

1.
노션에서 원하는 블럭을 찾아주세요.
2.
왼쪽의 메뉴를 눌러서 Copy link를 눌러주세요
3.
복사한 값이 아래와 같다면 # 뒷부분에 있는 값을 복사해주세요. https://www.notion.so/oopy/136b6e82269648949492586bb90a86ec#fadba2703414465494bd0014d1a3e0f7fadba2703414465494bd0014d1a3e0f7
4.
해당 노션 페이지와 일치하는 우피 홈페이지 주소로 이동한 뒤, 해당 주소의 맨 뒤에 3에서 복사한 값을 #과 함께 넣어주세요.
예를 들어 이 우피 홈페이지의 주소는 https://www.oopy.io/136b6e82-2696-4894-9492-586bb90a86ec 이고, 위에서 복사한 값은 fadba2703414465494bd0014d1a3e0f7 이니 제작된 링크는 아래와 같습니다.

고급) 개발자 도구를 활용하여 노션 블럭 링크 만들기

1.
우피 홈페이지에서 원하는 블럭을 찾아주세요.
2.
블럭을 오른쪽 클릭하여서 검사 버튼을 눌러주세요. (브라우저 종류마다 다를 수 있습니다)
3.
아래 이미지와 검사를 시작한 요소가 나오면 위로 올라가면서 data-block-id 라는 값을 찾고 복사합니다.
data-block-id는 노션 블럭 고유의 아이디 입니다. 이 값을 링크를 생성할 때 사용합니다.
4.
현재 페이지 주소 끝에 #과 함께 복사한 data-block-id를 붙입니다.
예를 들어, 지금 보고 계신 페이지의 주소가 https://www.oopy.io/136b6e82-2696-4894-9492-586bb90a86ec 이고 복사한 블럭 아이디가 9b7bdfa1-e44c-490d-bbc7-2ff587b3f8be 이라면 생성된 주소는 아래와 같습니다.