노션은 노션 앱 하나로 다양한 기능 들을 사용 할 수 있고 이런 기능 들을 무료로 거의 대 사용 할 수 있기 때문에 노션의 사용자가 날로 많아지고 있습니다. 그리고 그에 따라 긍정적인 부분이 다양한 서드파티 앱 과 서비스들이 늘어나고 있다는 점입니다.
다양한 많은 서비스 들 중에서 위젯과 관련 된 부분에 대해서 다루어 보려고 하는데요. 이미 노션에서는 위젯을 제공하고 있습니다. 이런 기본 위젯 보다 다양한 (그리고 깔끔한) 위젯을 만들고 싶을 때 개인적으로 Indfy 라는 사이트를 종종 이용 하곤 합니다.
그래서 이번 포스트 내용에서는 노션 서드파티 위젯을 생성해주는 사이트인 Indfy 가입 후 위젯 추가하는 방법에 대해서 알아 보도록 하겠습니다.
( 이 글은 21년 2월 8일에 작성 되었습 니다. )
이 포스트의 내용은 충분한 테스트 와 검증을 한 뒤 진행 했습니다. 그렇지만 이 것이 이 내용에 대한 보증을 하는 것이 아닙니다. 단순하게 참고용으로 활용 바랍니다.
※ 사용된 프로그램 및 환경 : 윈도우 11, 엣지 브라우저
Indfy 접속 및 로그인 절차
- 1 먼저 자주 사용 하는 검색 사이트 에서 Indify 등으로 검색을 해주시면 되겠습니다.
- 2 그 다음 검색결과 중 상단 쪽에 위치한 Indify – Notion Widgets 링크를 클릭 해 접속 해 주겠습니다. 하단 바로가기 링크를 이용해 빠르게 이동 가능 합니다.
바로가기: Indify – Notion Widgets
- 3 사이트 메인 페이지에 접속이 되었습 니다. 이제 여기서 회원 가입을 진행 해주셔야 합니다.
- 회원 가입 은 개인 이메일 주소 A 또는 구글 계정 연동 B 중 선택 해서 가입이 가능 합니다.
- 가입하는 과정은 이메일을 직접 입력하거나 구글 계정 연동 등만 진행 하고 나면 별다른 추가 적인 번거로운 과정 없이 간단하게 바로 진행 됩니다.
- 다만 이메일 가입 으로 진행 하는 경우 별도의 비밀번호 없이 매번 접속 링크를 이메일로 전송 받아 사용 해야 합니다. 이런 부분이 일반적으로 번거로울 수 있습니다. 그러니 구글 계정으로 가입하는 것이 편하기 때문에 개인적으로 권장합니다.
- 4 로그인 후 첫 페이지의 구성은 위와 같은 모습으로 되어 있 습니다. 꽤 깔끔한 디자인으로 되어 있어 개인적으로 는 상당히 마음에 드네요. 일단 보기가 좋아야 하죠. ㅎ
Indfy 위젯 생성 하기
Indfy 가입 후 사이트 접속 하게 되면 다양한 위젯을 무료로 생성 가능 합니다.
- 1 먼저 + Add new widget 단추를 클릭 해 주도록 하겠습니다.
- 2 그 다음 Explorer Widgets 페이지로 전환 됩니다. 그러면 이곳에서 구글 캘린더 등과 같은 다양한 서비스들을 확인 하고 선택 해서 사용이 가능 합니다.
- 3 각 서비스 버튼에 마우스를 호버 해서 올리게 되면 + Create widget 버튼이 활성화 되는 것을 볼 수 있습니다.
- 위젯 생성 페이지로 진입 할 때, 구글 캘린더와 같은 권한이 필요한 경우 추가 로그인이 필요 하네요.
- 4 위젯 추가 페이지로 진입 하고 나면 위젯의 모양을 수정 한 뒤에 노션 페이지에 삽입 할 수 있는 임베드 링크를 얻을 수 있 습니다. 설명에서는 Life Progress Bar 라는 위젯을 선택 해 보았 습니다.
- SETTINGS 항목 A 에서 위젯의 디자인 등을 사용자화 해서 수정하는 것이 가능 합니다.
- 미리보기 화면 B 에서 위젯 모서리를 드래그 해 사이즈를 간단하게 수정하는 것이 가능 합니다.
- 수정을 한 이후 하단 링크 필드 C 에서 임베드 링크를 복사하는 것이 가능 합니다.
노션에 위젯 삽입 하기
앞에서 만들 어둔 위젯 임베드 링크를 노션의 페이지에 생성하는 것이 가능 합니다.
- 1 먼저 복사한 임베드 링크를 노션 페이지에 붙여넣기 ( Ctrl + V ) ( 1 ) 하고 나면 작은 안내가 팝업이 되는데 여기서 임베드 생성 ( 2 ) 을 선택 해 주시면 되겠습니다.
- 2 그 다음 로딩 후 위젯 생성이 간단하게 삽입 됩니다. 위젯의 크기를 조절 하고 싶다면 위젯의 사방에 위치한 모서리 핸들을 마우스로 드래그 해주면 됩니다.
- 3 이처럼 위젯이 정상적으로 노션에 추가된 것을 확인 할 수 있습니다.
마무리
이렇게 오늘 블로그 글에서는 노션 서드파티 위젯을 생성해주는 사이트인 Indfy 에 가입 하고 기본적인 사이트 사용방법 등을 확인 해 보았는데요.
Indfy 에는 다양한 위젯들이 등록 되어 있습니다. 그리고 디자인 등이 꽤 퀄리티가 높아 노션 페이지에 몇 개 추가해서 사용 하고 있 습니다.
위 과정으로 단순하게 위젯을 선택 하고 마음에 드는 디자인으로 수정 한 다음에 노션 페이지에 임베드 해주면 간단하게 추가가 가능 합니다.
만약에 (대부분) 노션의 기본 위젯이 마음에 들지 않는 다면 오늘 설명 드린 사이트에서 더 좋은 위젯이 있는지 한번 찾아 보시길 바랍니다.
감사합니다. 오늘 여기까지 하겠습니다.
참고
- 네이버 블로그 이미지 위젯 및 링크 위젯 등록 하는 방법
- 워드프레스 구텐베르크 블럭 편집기 코드 들여쓰기 유지 및 인라인 코드 삽입
- 에버노트에서 노션으로 데이터 이동 마이그레이션 하는 방법
- 노션 Notion 가입 과 윈도우 에서 앱 을 설치 하는 절차