본문으로 건너뛰기
Study Tally

무료 · 회원가입 없음 · 광고 없음

노션 타이머 위젯

노션 페이지나 웹사이트, OBS 방송 화면에 무료 공부 타이머를 넣어 보세요. 노션용 뽀모도로 타이머, 카운트다운, 스톱워치, 시계 중에서 고른 다음 링크를 복사해 붙여 넣으면 끝이에요. 계정도 설치도 필요 없어요.

집중 시간
25분
휴식 시간 네 번째 휴식마다 긴 휴식이에요
5분
투명 배경 OBS 오버레이용: 시간과 버튼만
알림음

01 사용 방법

노션에 뽀모도로 타이머 넣는 법

  1. 링크 복사하기

    위에서 타이머와 시간, 테마, 크기를 고르고 ‘링크 복사’를 누르세요.

  2. 노션에서 /embed 입력하기

    노션 페이지에서 /embed를 입력해 임베드를 고르고, 복사한 링크를 붙여 넣은 뒤 ‘링크 임베드’를 누르세요.

  3. 블록 크기 맞추기

    블록 모서리를 끌어 타이머가 알맞게 보일 때까지 크기를 맞추세요. 숫자도 함께 커져요. 작은 블록에는 ‘작게’, 큰 화면에는 ‘크게’ 크기가 잘 어울려요.

  4. 시작 누르기

    타이머가 노션 페이지 안에서 바로 돌아가요. 세션이 끝나면 ‘내 기록에 저장’을 눌러 공부 기록에 추가하세요.

02 웹사이트와 OBS

웹사이트와 OBS에 넣기

웹사이트에 넣을 때는 링크 아래의 코드를 복사해 페이지에, 또는 HTML을 넣을 수 있는 블로그나 사이트 빌더의 HTML·임베드 블록에 붙여 넣으세요. 프레임은 들어간 칸의 너비를 따라가고, 공간이 더 필요하면 코드에서 높이를 바꾸면 돼요.

스터디윗미 같은 공부 방송에서는 ‘투명 배경’을 켜고 링크를 복사하세요. OBS에서 ‘브라우저’ 소스를 추가해 링크를 URL로 붙여 넣고 너비와 높이(예: 600×300)를 정하세요. 타이머를 시작하려면 소스를 마우스 오른쪽 버튼으로 클릭해 ‘상호작용’을 고르세요. 투명한 위젯은 시작하고 몇 초 뒤 버튼이 사라져서 방송에는 시간만 보여요.

03 내 기록

공부한 세션은 어디로 갈까요

브라우저는 다른 사이트 안에 들어간 페이지를, 같은 페이지를 직접 열었을 때와 구분해요. 그래서 따로 저장 공간을 주거나 아예 주지 않아요. 그래서 노션 안의 위젯은 studytally.com의 공부 기록에 쓸 수 없고, 쓰려고 하지도 않아요. 대신 끝낸 세션을 가지고 있다가 ‘내 기록에 저장’ 버튼을 보여 줘요. 이 링크는 공부 기록을 새 탭에서 열어 세션을 보여 주고, 저장을 확인할 때만 추가해요.

studytally.com에서는 뽀모도로 타이머, 전체화면 타이머, 공부 스톱워치가 세션이 끝날 때마다 공부 기록에 저장해요.

04 자주 묻는 질문

노션 타이머 위젯 자주 묻는 질문

노션 타이머 위젯은 무료인가요?

네. 위젯과 링크, 코드 모두 무료이고 계정도 광고도 없어요. studytally.com의 타이머가 노션 페이지나 웹사이트의 프레임 안에서 돌아가는 것이라 설치하거나 업데이트할 것이 없어요.

어떤 타이머를 넣을 수 있나요?

집중과 휴식 시간을 정하는 뽀모도로 타이머, 1분부터 10시간까지의 카운트다운, 0부터 시간을 재는 스톱워치, 시각과 날짜가 보이는 시계예요. 모두 밝은 테마, 어두운 테마, 기기 설정을 따르는 자동 테마와 세 가지 크기 중에서 고를 수 있어요.

위젯이 공부 세션을 저장하나요?

스스로 저장하지는 않아요. 노션이나 다른 사이트 안에서는 브라우저가 위젯의 데이터를 studytally.com과 따로 두고, 많은 브라우저는 페이지를 닫으면 아무것도 남기지 않아요. 세션이 끝나면 ‘내 기록에 저장’을 누르세요. 공부 기록이 새 탭에서 열리고, 세션을 추가할지 먼저 물어봐요.

페이지를 떠나도 타이머가 계속 돌아가나요?

시작을 누른 순간을 기준으로 시간을 계산해서, 다른 탭을 보고 있어도 시간이 정확해요. 새로고침한 뒤에는 브라우저가 위젯의 데이터를 남겨 둔 경우에만 이어지고, 그렇지 않으면 처음부터 다시 시작해요. 알림은 페이지가 열려 있을 때만 울려요.

스터디 방송에서 OBS로 쓸 수 있나요?

네. ‘투명 배경’을 켜고, 링크로 ‘브라우저’ 소스를 추가한 뒤 소스의 ‘상호작용’ 창에서 타이머를 시작하세요. 장면에서 잘 보이는 테마를 고르세요. 글자 둘레에는 테마의 종이 색으로 부드러운 테두리가 생겨서 어떤 배경에서도 잘 보여요.

나중에 위젯을 바꾸려면 어떻게 하나요?

위에서 옵션을 새로 고르고 새 링크를 복사하세요. 노션에서는 예전 임베드를 지우고 /embed로 새 링크를 넣고, 웹사이트에서는 코드의 src 주소를 바꾸면 돼요. 예전 링크도 계속 작동해서 손대지 않은 페이지는 그대로예요.

05 목차

공부에 도움이 되는 다른 도구

공부 기록을 백업해 두세요

기록은 이 브라우저에만 저장돼요. 브라우저는 사이트 데이터를 지울 수 있고, Safari는 일주일 동안 방문하지 않으면 지울 수도 있어요. .

백업을 저장했어요. 파일은 안전한 곳에 보관하세요. 14일 뒤에 다시 알려 드릴게요.