Media
5 items
Description
YouTube 동영상에 노트 표시 및 타임스탬프 이동 YouTube Note Chrome 확장 프로그램 요약 버전 3.3 핵심 기능 - 자동 노트 표시: 영상 페이지에서 노트를 자동 로드해 오른쪽 패널에 표시 - 타임스탬프 이동: `[mm:ss]` 클릭 시 해당 시점으로 이동 - 노트 필터링·정렬: 좋아요/조회수/시간순 정렬, 빨간 텍스트 필터 지원 - 마크다운 렌더링: 제목, 볼드/이탤릭, 링크, 코드블록 지원 - 서로 다른 노트 통합 표시 주요 버튼 - Write: 노트 작성 페이지(https://youtubenote.cloud)로 이동 - Memo: 메모·첨부파일 목록 모달(마크다운 렌더링) - Quizlet: 마크다운에서 문제/답 추출해 학습 모달 - 카드 단위 학습 - 답 입력·비교·정오 여부 표시 - Sequential/Random/Custom 모드 - Command+Enter(답 보기/다음), Command+Z(이전) 단축키 - TOC: 마크다운 헤더·타임스탬프 기반 목차 모달 - View: 공유 노트 페이지로 이동 시각적 피드백 - 썸네일 배지: 노트가 있는 영상 썸네일에 "Note" 표시 - 빨간 배경(`rgba(220, 38, 38)`) - 크기: font-size 16px, padding 8px 16px - 표시 위치: 썸惱 일부만 (비디오 제목/댓글 제외) 안정성·성능 - 크롬 확장 Manifest V3 - MutationObserver 사용 - API 캐싱 - 에러 처리·재시도 로직 - XSS 방어 1. 단일 목적 YouTube 영상에서 노트를 공유·관리하고, 타임스탬프로 특정 구간으로 이동합니다. 2. 상세 설명 YouTube Note는 YouTube 영상 학습을 위한 노트 공유 플랫폼을 제공합니다. ✨ 주요 기능: - 자동 노트 표시: 영상 페이지에서 자동으로 공유된 노트를 로드하여 표시 - 타임스탬프 이동: [mm:ss] 형식의 타임스탬프를 클릭하여 해당 시점으로 즉시 이동 - Quizlet 학습: 마크다운 기반 문제/답변 카드를 자동 추출하여 학습 - 목차 기능: 마크다운 헤더와 타임스탬프를 목차로 제공하여 빠른 탐색 - 메모 관리: 영상별 메모와 첨부파일 관리 - 다크모드 지원: 시스템 설정에 맞춰 자동으로 다크모드 적용 - 마크다운 렌더링: 헤더, 볼드, 이탤릭, 링크, 코드 등을 지원 📚 학습 모드: - Sequential: 순차적으로 문제 풀기 - Random: 랜덤 순서로 문제 풀기 - Custom: 직접 문제와 답을 입력하여 학습 🎯 사용자: 학생, 강의 시청자, 온라인 강의 학습자를 위한 최적화된 도구입니다. 3. 개인 정보 보호 관행 호스트 권한 https://\*.youtube.com/\* 노트 패널 삽입과 재생 위치 제어로 타임스탬프 이동을 제공하며, 썸네일 배지를 위해 DOM 조작이 필요합니다. https://youtubenote.cloud/\* 노트 저장/조회/공유를 위한 API 호출에 사용합니다. Storage 권한 사용자 설정과 노트 캐시 저장으로 성능을 높이고 GPT 최적화 옵션 등 선호도를 기억합니다. 개인정보는 저장하지 않습니다. 원격 코드 원격 코드를 사용하지 않습니다. 모든 코드는 패키지 내 포함되어 있으며 REST API만 호출합니다. 문의사항 : ehql20@gmail.com