노션 카운트다운 타이머 추가하기 📌 TL;DR 💡 노션을 사용할 때 아래의 방법을 활용하면 원하는 위치에 카운트다운 타이머를 추가할 수 있다. ⏱️ 노션에 카운트다운 타이머 추가하기 1. 아래 내용을 복사한 후 목표일, 목표시간을 원하는 일정으로 변경한다. (목표시간 미입력시 기본값인 00시 00분으로 설정된다.) https://notion-widget-kit.vercel.app/timer?목표일=20241231&목표시간=2230 2. 원하는 위치에 복사한 내용을 붙여 넣을 때 생성되는 메뉴 중, “임베드 생성”을 선택한다. 3. 여러 가지 옵션을 사용하고 싶다면 아래에서 원하는 옵션을 조합하여 적용시킨다. 📌 글꼴 변경 (1~8) 1 - Pretendard (기본값) 2 - GmarketSans 3 - NanumSquareNeo 4 .. 2024.02.26

노션 원하는 위치에 문구 추가하기 📌 TL;DR 💡 노션을 사용할 때 아래의 방법을 활용하면 원하는 위치에 다양한 문구를 추가할 수 있다. 💬 노션에 문구 추가하기 1. 아래 내용을 복사한 후 메시지만 원하는 내용으로 변경한다. https://notion-widget-kit.vercel.app/remark?메시지=Hello 2. 원하는 위치에 복사한 내용을 붙여 넣을 때 생성되는 메뉴 중, “임베드 생성”을 선택한다. 3. 여러 가지 옵션을 사용하고 싶다면 아래에서 원하는 옵션을 조합하여 적용시킨다. 📌 글꼴 변경 (1~8) 1 - Pretendard (기본값) 2 - GmarketSans 3 - NanumSquareNeo 4 - NotoSansKR 5 - SBAggro 6 - SCoreDream 7 - SpoqaHanSansNeo 8 .. 2024.02.25

노션 원하는 위치에 D-Day 추가하기 📌 TL;DR 💡 노션을 사용할 때 아래의 방법을 활용하면 원하는 위치에 D-Day를 추가할 수 있다. 📅 노션에 D-Day 추가하기 1. 아래 내용을 복사한 후 목표일만 원하는 날짜로 변경한다. https://notion-widget-kit.vercel.app/dday?목표일=20241231 2. 원하는 위치에 복사한 내용을 붙여 넣을 때 생성되는 메뉴 중, “임베드 생성”을 선택한다. 3. 여러 가지 옵션을 사용하고 싶다면 아래에서 원하는 옵션을 조합하여 적용시킨다. 📌 글꼴 변경 (1~8) 1 - Pretendard (기본값) 2 - GmarketSans 3 - NanumSquareNeo 4 - NotoSansKR 5 - SBAggro 6 - SCoreDream 7 - SpoqaHanSansNeo .. 2024.02.24

노션 텍스트 가운데 정렬 및 스타일 변경하기 📌 TL;DR 💡 노션의 수학 공식을 활용하면 텍스트를 가운데 정렬한 채 스타일도 원하는 대로 변경할 수 있다. ✒️ 노션 텍스트 가운데 정렬 및 스타일 변경하기 1. 아래의 내용을 복사한다 {Hello} 2. 원하는 위치에서 "/수학"을 입력한 후 "수학 공식 블록"을 선택한다. 3. 1번에서 복사하였던 내용을 붙여넣기한 후, "Hello" 부분을 원하는 문구로 변경 및 아래에서 원하는 스타일을 찾아 적용한다. 1. 글자 작게 (-4) \tiny {Hello} 2. 글자 작게 (-3) \scriptsize {Hello} 3. 글자 작게 (-2) \footnotesize {Hello} 4. 글자 작게 (-1) \small {Hello} 5. 글자 크게 (+1) \large {Hello} 6. 글자 크게 .. 2024.01.22

노션 텍스트 스타일 변경하기 📌 TL;DR 💡 노션의 인라인 수학 공식을 활용하면 텍스트 스타일을 원하는 대로 변경할 수 있다. ✒️ 노션 텍스트 스타일 변경하기 1. 아래의 내용을 복사한다 {Hello} 2. 원하는 위치에서 "/인라인 수학 공식"을 입력한 후 "인라인 수학 공식"을 선택한다. 3. 1번에서 복사하였던 내용을 붙여넣기한 후, "Hello" 부분을 원하는 문구로 변경 및 아래에서 원하는 스타일을 찾아 적용한다. 1. 글자 작게 (-4) \tiny {Hello} 2. 글자 작게 (-3) \scriptsize {Hello} 3. 글자 작게 (-2) \footnotesize {Hello} 4. 글자 작게 (-1) \small {Hello} 5. 글자 크게 (+1) \large {Hello} 6. 글자 크게 (+2) \La.. 2024.01.21

노션 이메일 누르면 이메일 보내기 📌 TL;DR 💡 노션에서 링크를 활용하면 특정 이메일로 메일 보내기를 연결할 수 있다. 📤 노션 이메일 연결하기 1. 원하는 위치에 "✉️ 메일 보내기"와 같은 문구를 입력한다. 2. 입력한 문구를 모두 드래그하면 보여지는 메뉴 중 "링크"를 선택한다. 3. 아래의 내용을 복사 및 붙여넣기한 후 ":" 뒷부분에 연결하고자 하는 이메일을 입력한다. mailto: 2024.01.12

노션 전화번호 누르면 전화 걸기 📌 TL;DR 💡 노션에서 링크를 활용하면 특정 연락처로 전화를 연결시킬 수 있다. 📞 노션 전화번호 연동하기 1. 원하는 위치에 "🤙 전화 연결"과 같은 문구를 입력한다. 2. 입력한 문구를 모두 드래그하면 보여지는 메뉴 중 "링크"를 선택한다. 3. 아래의 내용을 복사 및 붙여넣기 한 후 연결하고자 하는 연락처로 변경한다. tel:01000000000 2024.01.11

노션 스크롤 위로 올리기 📌 TL;DR 💡 노션 블록 링크를 활용하면 스크롤을 최상단 또는 원하는 위치로 위치시킬 수 있다. 🔼 노션 스크롤 위로 올리기 1. 최상단 또는 스크롤을 이동시키고 싶은 영역에 마우스를 올려 좌측에 보여지는 "메뉴" 모양을 클릭한다. 2. "블록 링크 복사" 메뉴를 선택한다. 3. 최하단 또는 원하는 위치에 "스크롤 위로 이동"과 같은 문구를 입력한다. 4. 입력한 문구를 모두 드래그한 후 "Ctrl+V"를 눌러 복사한 블록 링크를 붙여넣는다. 2024.01.10

노션 요일 자동으로 추가하기 📌 TL;DR 💡 노션 인라인 데이터베이스의 서식을 활용하면 자동으로 선택한 날짜의 요일을 가져올 수 있다. 🍀 노션 요일 가져오기 1. 원하는 영역에서 "/인라인"을 입력한 후 "데이터베이스 - 인라인"을 선택한다. 2. 기본적으로 생성되는 "태그" 속성은 마우스 우측 키를 눌러 "속성 삭제"를 눌러 제거한다. 3. "+" 버튼을 눌러 "날짜" 유형의 속성을 생성, 속성 이름은 기본값인 "날짜"로 설정한다. 4. 추가로 "+" 버튼을 눌러 "수식" 유형의 속성을 생성, 속성 이름은 "요일"로 설정한다. 5. 생성된 "요일" 속성에서 비어있는 값을 클릭한 후, 아래의 수식을 입력한다. formatDate(prop("날짜"), "dddd") 2024.01.09

노션 D-day 만들기 📌 TL;DR 💡 노션 인라인 데이터베이스의 서식을 활용하면 자동으로 D-day 계산을 할 수 있다. 🗓️ 노션 D-day 만들기 1. 원하는 영역에서 "/인라인"을 입력한 후 "데이터베이스 - 인라인"을 선택한다. 2. 기본적으로 생성되는 "태그" 속성은 마우스 우측 키를 눌러 "속성 삭제"를 눌러 제거한다. 3. "+" 버튼을 눌러 "날짜" 유형의 속성을 생성, 속성 이름은 기본값인 "날짜"로 설정한다. 4. 추가로 "+" 버튼을 눌러 "수식" 유형의 속성을 생성, 속성 이름은 "D-day"로 설정한다. 5. 생성된 "D-day" 속성에서 비어있는 값을 클릭한 후, 아래에서 원하는 서식을 찾아 입력한다. 1. 남은 일정만 표기 if(dateBetween(prop("날짜"), dateSubtract(d.. 2024.01.08

노션 프로그레스바 만들기 📌 TL;DR 💡 노션 인라인 데이터베이스의 서식을 활용하면 다양한 프로그레스바로 활용할 수 있다. 🔋 노션 프로그레스바 만들기 1. 원하는 영역에서 "/인라인"을 입력한 후 "데이터베이스 - 인라인"을 선택한다. 2. 기본적으로 생성되는 "태그" 속성은 마우스 우측 키를 눌러 "속성 삭제"를 눌러 제거한다. 3. "+" 버튼을 눌러 "숫자" 유형의 속성을 생성, 속성 이름은 "목표값"으로 설정한다. 4. 반복해서 "+" 버튼을 눌러 "숫자" 유형의 속성을 생성, 속성 이름은 "진행 상태"로 설정한다. 5. 마지막으로 "+" 버튼을 눌러 "수식" 유형의 속성을 생성, 속성 이름은 "진행률"로 설정한다. 6. 생성된 "진행률" 속성에서 비어있는 값을 클릭한 후, 아래에서 원하는 서식을 찾아 입력한다. 1... 2024.01.07

티스토리 황금비율 썸네일 만들기 📌 TL;DR 💡 아래의 방법을 활용하면 티스토리뿐만 아니라 네이버 블로그 등 다양한 곳에서 활용할 수 있는 배경과 잘 어우러진 텍스트 기반의 심플한 썸네일을 손쉽게 제작할 수 있다. 👑 황금비율 썸네일 만들기 1. 썸네일 메이커로 접속한다. 2. 좌측에 위치한 미리보기 화면을 확인하면서 우측에 위치한 옵션 값들을 원하는 대로 설정한다. "황금비율" 선택 시 구글이나 네이버 등에서 노출되는 썸네일 비율 (16/9, 4/3, 1/1)을 모두 충족시킬 수 있다. 3. 설정이 완료되면 "저장하기" 버튼을 눌러 활용하고자 하는 곳에 적용시킨다. 이미지 저장 시 "현재의 설정값을 기억할까요?" 옵션 선택 시 설정값을 브라우저에 저장하여, 이후 썸네일 메이커 페이지에 재접속 시 해당 값을 선택적으로 불러올 수 있다.. 2023.12.15

어그로체 웹폰트 30초 만에 적용하기 📌 TL;DR 💡 코드 2줄만 추가하면 어그로체 웹폰트를 적용할 수 있다. 📄 어그로체 웹폰트 적용하기 1. 작업 중인 코드에서 "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 2. 아래 코드를 복사한다. 3. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 4. 코드 저장 후 해당 페이지를 새로 고침하여 폰트가 잘 적용되었는지 확인한다. 2023.12.13

노토 산스 웹폰트 30초 만에 적용하기 📌 TL;DR 💡 코드 2줄만 추가하면 노토 산스 웹폰트를 적용할 수 있다. 📄 노토 산스 웹폰트 적용하기 1. 작업 중인 코드에서 "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 2. 아래 코드를 복사한다. 3. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 4. 코드 저장 후 해당 페이지를 새로 고침하여 폰트가 잘 적용되었는지 확인한다. 2023.12.12

티스토리 어그로체 웹폰트 적용하기 📌 TL;DR 💡 코드 2줄만 추가하면 티스토리에 어그로체 웹폰트를 적용할 수 있다. 📄 티스토리에 어그로체 웹폰트 적용하기 1. 티스토리 관리자 페이지에서 "스킨 편집"을 누른다. 2. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 3. 아래 코드를 복사한다. 4. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 5. 코드 저장 후 해당 페이지를 새로 고침하여 폰트가 잘 적용되었는지 확인한다. 2023.12.11

티스토리 노토 산스 웹폰트 적용하기 📌 TL;DR 💡 코드 2줄만 추가하면 티스토리에 노토 산스 웹폰트를 적용할 수 있다. 📄 티스토리에 노토 산스 웹폰트 적용하기 1. 티스토리 관리자 페이지에서 "스킨 편집"을 누른다. 2. "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 3. 아래 코드를 복사한다. 4. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 5. 코드 저장 후 해당 페이지를 새로 고침하여 폰트가 잘 적용되었는지 확인한다. 2023.12.10

나눔스퀘어 네오 웹폰트 30초 만에 적용하기 📌 TL;DR 💡 코드 2줄만 추가하면 나눔스퀘어 네오 웹폰트를 적용할 수 있다. 📄 나눔스퀘어 네오 웹폰트 적용하기 1. 작업 중인 코드에서 "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 2. 아래 코드를 복사한다. 3. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 4. 코드 저장 후 해당 페이지를 새로 고침하여 폰트가 잘 적용되었는지 확인한다. 2023.11.04

스위트 웹폰트 30초 만에 적용하기 📌 TL;DR 💡 코드 2줄만 추가하면 스위트 웹폰트를 적용할 수 있다. 📄 스위트 웹폰트 적용하기 1. 작업 중인 코드에서 "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 2. 아래 코드를 복사한다. 3. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 4. 코드 저장 후 해당 페이지를 새로 고침하여 폰트가 잘 적용되었는지 확인한다. 2023.11.03

수트 웹폰트 30초 만에 적용하기 📌 TL;DR 💡 코드 2줄만 추가하면 수트 웹폰트를 적용할 수 있다. 📄 수트 웹폰트 적용하기 1. 작업 중인 코드에서 "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 2. 아래 코드를 복사한다. 3. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 4. 코드 저장 후 해당 페이지를 새로 고침하여 폰트가 잘 적용되었는지 확인한다. 2023.11.02

지마켓 산스 웹폰트 30초 만에 적용하기 📌 TL;DR 💡 코드 2줄만 추가하면 지마켓 산스 웹폰트를 적용할 수 있다. 📄 지마켓 산스 웹폰트 적용하기 1. 작업 중인 코드에서 "찾기(ctrl+f)"를 눌러 ""를 검색하여 코드의 위치를 확인한다. 2. 아래 코드를 복사한다. 3. 복사한 코드를 "" 라인 바로 위에 붙여 넣는다. 4. 코드 저장 후 해당 페이지를 새로 고침하여 폰트가 잘 적용되었는지 확인한다. 2023.11.01