Notion Widget: 노션 색상 선택기 위젯, Miny Color Picker Widget

디데이 위젯에 이어 두 번째 위젯 제작기입니다. 역시 가장 단순하게 만드느라 이런 저런 기능은 제외했습니다 :)

첫 번째 위젯인 Miny D-day Widget(링크)를 사용하려면 색상 코드가 필요한데, 간단하게 추출할 수 있는 기능이 있으면 좋겠다 싶어서 만들어보았습니다.

 

---

Miny Color Picker 위젯 살펴보기

Miny Color Picker 위젯은 색상을 선택하고 컬러 코드를 복사할 수 있는 간단한 기능을 지원합니다.

노션에 위젯을 임베드하고 페이지에 있는 다양한 색상들을 추출해 보세요.

 

노션 대시보드 내의 이미지 아래 여러 개의 위젯을 배치해 둔 모습입니다. 조금 복잡하지만 예시용으로 만들어 보았습니다.

개수에 제한 없이 임베드가 가능하고, 단순한 기능으로 가볍게 제작했기 때문에 로딩되는 속도가 빠릅니다 :)

가장 작은 크기일 때 가장 예쁜 비율을 유지합니다.

 

---

노션에 위젯 추가하기

https://youngdev57.github.io/miny-widget/color-picker

 

노션에서 위 주소를 붙여넣기하고 붙여넣기 형식에서 임베드 버튼을 눌러주세요.

붙여넣기 형식 팝업이 뜨지 않는다면 노션 페이지에 /임베드 를 입력해서 링크를 붙여넣어 주세요.

 

 

---

추가 예정 기능

처음 위젯의 기본 색상 코드를 미리 지정할 수 있도록 수정할 예정입니다.

자주 사용하는 색상코드라던가, 노션 페이지에 잘 어울리는 색상을 미리 로드해두면 아무래도 편할 것 같아요.

 

---

노션 가이드

아래 노션 페이지에서도 가이드를 확인할 수 있습니다 :)

https://youngdev57.notion.site/Miny-Color-Picker-Widget-126d65b31f8680239e2ac252fe2ff607?pvs=4

Miny Color Picker Widget | Notion