HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🍗
[New] 조규현팀
/
🔗
개발에 도움이 되는 사이트
/
📅
노션 디데이 앱 설정
📅

노션 디데이 앱 설정

Tags
notion
Created
Jul 4, 2022 07:00 AM
Related to 생각 공유 주제 (1) (링크) 1
category
creator
modifier
type
Project
속성
✨ 멘토님이 주신 링크🔧 설정 및 사용법

✨ 멘토님이 주신 링크

노션 디데이(D-day) 위젯 설치 방법은 무엇일까?
노션에서는 다양한 위젯을 설치할 수 있습니다. 그중에서도 인기 있는 위젯은 바로 입니다. 이제 디데이 위젯 설치하는 방법에 대해 알아보도록 합시다. 1. Apption에 접속하여 simple countdown 위젯을 클릭합니다. https://apption.co/apps/27 2. 웹사이트 보기를 클릭 후, github에 있는 코드를 복사합니다. https://github.com/ShoroukAziz/notion_widgets/blob/master/countDown.html 3. Apption 홈페이지 좌측 하단에 "직접 만들기" 클릭 후, 복사한 HTML 코드를 복사/붙여넣기 합니다.
노션 디데이(D-day) 위젯 설치 방법은 무엇일까?
https://heecheoldo.tistory.com/182
노션 디데이(D-day) 위젯 설치 방법은 무엇일까?
 

🔧 설정 및 사용법

  1. Apption.co 사이트에 접속합니다.
    1. Apption - Notion friendly Embeddable Widget Apps
      Find & Learn Notion friendly Embeddable Widget Apps
      Apption - Notion friendly Embeddable Widget Apps
      https://apption.co/
      Apption - Notion friendly Embeddable Widget Apps
  1. DIY Embed URL을 클릭
    1. notion image
  1. 사용을 위해서는 회원가입 & 로그인이 필요합니다.
    1. notion image
  1. 이제 만들어볼 차례입니다.
    1. notion image
    2. name : 간단한 이름을 작성을 해주세요.
    3. HTML Code : 해당 코드는 아래의 Git 사이트에서 복사 붙여넣기 해주시면 됩니다. (설정 값 수정 필요)
      1. notion_widgets/countDown.html at master · ShoroukAziz/notion_widgets
        You can't perform that action at this time. You signed in with another tab or window. You signed out in another tab or window. Reload to refresh your session. Reload to refresh your session.
        notion_widgets/countDown.html at master · ShoroukAziz/notion_widgets
        https://github.com/ShoroukAziz/notion_widgets/blob/master/countDown.html
        notion_widgets/countDown.html at master · ShoroukAziz/notion_widgets
        📌 간단 수정 방법!
        notion image
        아래의 스크립트 구문 중에 myDate만 목표 일자로 수정해주시면 됩니다.
    4. Generate URL 버튼 클릭!
  1. 생성을 하게 되면 이제 결과를 확인 할 수 있고, 이제 링크를 사용하면 됩니다!
    1. notion image
      위의 해당 링크를 복사하고 Notion으로 가서!
      notion image
      붙여넣기 후에 임베드 생성을 하게되면 끝입니다! (아래와 같이 생성 되는것을 확인 할 수 있습니다.)
      notion image
      🐶  크기를 늘려서 한줄로 보이도록 하는게 깔끔하겠죠?
      notion image