노션 Notion 위젯 추가 하기 - Indfy 가입 후 위젯 생성하는 법

반응형

노션은 노션 앱 하나로 다양한 기능 들을 사용 할 수 있고 이런 기능 들을 무료로 거의 대 사용 할 수 있기 때문에 노션의 사용자가 날로 많아지고 있습니다. 그리고 그에 따라 긍정적인 부분이 다양한 서드파티 앱 과 서비스들이 늘어나고 있다는 점입니다.

다양한 많은 서비스 들 중에서 위젯과 관련 된 부분에 대해서 다루어 보려고 하는데요. 이미 노션에서는 위젯을 제공하고 있습니다. 이런 기본 위젯 보다 다양한 (그리고 깔끔한) 위젯을 만들고 싶을 때 개인적으로 Indfy 라는 사이트를 종종 이용 하곤 합니다.

그래서 이번 포스트 내용에서는 노션 서드파티 위젯을 생성해주는 사이트인 Indfy 가입 후 위젯 추가하는 방법에 대해서 알아 보도록 하겠습니다.

( 이 글은 21년 2월 8일에 작성 되었습 니다. )


이 포스트의 내용은 충분한 테스트 와 검증을 한 뒤 진행 했습니다. 그렇지만 이 것이 이 내용에 대한 보증을 하는 것이 아닙니다. 단순하게 참고용으로 활용 바랍니다.

※ 사용된 프로그램 및 환경 : 윈도우 11, 엣지 브라우저

Contents

    Indfy 접속 및 로그인 절차

    Indify 검색 후 사이트 접속

    • 1 먼저 자주 사용 하는 검색 사이트 에서 Indify 등으로 검색을 해주시면 되겠습니다.
    • 2 그 다음 검색결과 중 상단 쪽에 위치한 Indify – Notion Widgets 링크를 클릭 해 접속 해 주겠습니다. 하단 바로가기 링크를 이용해 빠르게 이동 가능 합니다.

     

    사이트 가입

    • 3 사이트 메인 페이지에 접속이 되었습 니다. 이제 여기서 회원 가입을 진행 해주셔야 합니다.
      • 회원 가입 은 개인 이메일 주소 A 또는 구글 계정 연동 B 중 선택 해서 가입이 가능 합니다.
      • 가입하는 과정은 이메일을 직접 입력하거나 구글 계정 연동 등만 진행 하고 나면 별다른 추가 적인 번거로운 과정 없이 간단하게 바로 진행 됩니다.
      • 다만 이메일 가입 으로 진행 하는 경우 별도의 비밀번호 없이 매번 접속 링크를 이메일로 전송 받아 사용 해야 합니다. 이런 부분이 일반적으로 번거로울 수 있습니다. 그러니 구글 계정으로 가입하는 것이 편하기 때문에 개인적으로 권장합니다.

     

    Indify 사이트 구성

    • 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 에는 다양한 위젯들이 등록 되어 있습니다. 그리고 디자인 등이 꽤 퀄리티가 높아 노션 페이지에 몇 개 추가해서 사용 하고 있 습니다.

    위 과정으로 단순하게 위젯을 선택 하고 마음에 드는 디자인으로 수정 한 다음에 노션 페이지에 임베드 해주면 간단하게 추가가 가능 합니다.

    만약에 (대부분) 노션의 기본 위젯이 마음에 들지 않는 다면 오늘 설명 드린 사이트에서 더 좋은 위젯이 있는지 한번 찾아 보시길 바랍니다.

    감사합니다. 오늘 여기까지 하겠습니다.

    참고

     

     
    반응형
    본 글의 저작권은 alluze.tistory.com에 있습니다. alluze.tistory.com의 사전 서면 동의 없이 본 글의 전부 또는 일부를 무단으로 전재, 게시, 배포하는 것을 금지합니다.
    ^