들어가며
우피의 홈페이지는 우피 서비스로 만들어서 운영하고 있습니다. 그게 서비스의 필요성을 가장 잘 보여준다고 생각하기 때문입니다. 이렇게 페이지를 운영하다보면, ‘이미지 주소’가 필요할 때가 있습니다.
대표적으로는, 
YAML 로 페이지별 설정하기 기능을 이용해서, 각 페이지의 ogImage를 설정해야 하거나, 아니면 최근 추가된 YAML 을 이용해서 페이지별 팝업 설정하기 기능 중 imageUrl을 설정해야 할 때이죠.
YAML 로 페이지별 설정하기 기능을 이용해서, 각 페이지의 ogImage를 설정해야 하거나, 아니면 최근 추가된 YAML 을 이용해서 페이지별 팝업 설정하기 기능 중 imageUrl을 설정해야 할 때이죠.우피는 간단하려고 쓰는 건데, 저 설정을 위해서 뭔가 또 다른 이미지 저장소를 쓰는건 왠지 앞뒤가 덜 맞는 느낌입니다. 우피 안에서 해결해봅시다.
실제로 우피 팀은 이런식으로 이미지가 필요할 때 사용한다라고 생각해주세요.
oopy:hide 를 이용한 페이지 숨기기 기능
페이지 안에 있는 페이지들을 우피에서 숨기기 에서도 공개한 것처럼. 우피는 oopy:hide라는 이름의 토글 블럭은 우피 페이지에서 그리지 않고 그대로 숨겨둡니다. 이 oopy:hide 토글 안에, oopy:hide 토글 안에 넣었다고 해서, 외부에 공개될 가능성이 아예 없는 것은 아닙니다. 그런 용도로는 사용하지 말아주세요. 민감 데이터는 언제나 ‘웹에 게시’를 끄는 것이 유일한 방법입니다.
실제로 우피 메인페이지에는 아래 그림과 같은 토글이 있고,
이 토글 안에, 페이지 구조상은 숨기고 싶지만 외부에 공개할 여러 페이지나 리소스를 넣어두고 있습니다.
이런 식으로요. 그럼 이 안에 있는 노션 페이지의 우피 페이지 주소를 확인해야 할 텐데요.
클린 url 기능
우피에서 가장 많이 사용되는 기능이 
클린 URL 기능입니다. 이 기능을 이용하면, 이렇게 숨겨져 있는 페이지에도 주소를 부여할 수 있습니다. 조금 더 정확하게 이야기하자면, ‘웹에 게시’가 되어 있고, 같은 노션 워크 스페이스에 있는 모든 노션 페이지는 클린 url 을 통해 주소를 부여할 수 있습니다.
클린 URL 기능입니다. 이 기능을 이용하면, 이렇게 숨겨져 있는 페이지에도 주소를 부여할 수 있습니다. 조금 더 정확하게 이야기하자면, ‘웹에 게시’가 되어 있고, 같은 노션 워크 스페이스에 있는 모든 노션 페이지는 클린 url 을 통해 주소를 부여할 수 있습니다.반대로 이야기하면, 우피 페이지에서 접근 가능하고, ‘웹에 게시’가 켜진 모든 페이지들은 우피 페이지의 대상이 될 수 있다는 것이니, 언제나 민감 데이터는 ‘웹에 게시’를 꺼주세요.
https://app.oopy.io/slugs 에서는 위와 같이 노션 페이지 주소를 우피 페이지에서 원하는 형태로 변경하실 수 있습니다.
1.
노션 아이콘이 있는 주소창에, 위의 oopy:hide 에 숨긴 노션 페이지의 ‘웹 게시용 주소’를 입력해주세요.
2.
우피 아이콘이 있는 주소창에, 원하는 주소를 입력하세요.
저는 https://www.oopy.io/ko/resources 라는 주소를 부여했습니다. 이제 이 페이지에 접근하면, 사용할 이미지들이 있을거예요. 이 이미지의 주소를 복사하셔서 ogImage 나 imageUrl 혹은 이미지 주소가 필요한 여라 타 상황에 사용하시면 됩니다.
여러분들만의 이미지 저장소 페이지를 하나쯤 만들어두시면 여러모로 사용하실 일이 꽤 있을 거예요~!