TSOFA - 간단한 오프라인 플래시카드 앱

TSOFA ("티-소파") - 간단한 오프라인 플래시카드 앱 - 브라우저에서 볼 수 있는 단일 HTML 파일에 완전히 존재하는 플래시카드 앱입니다. 서버 없음, 광고 없음, 등록 없음, 유료 "프리미엄" 기능 없음, 빌드 프로세스 없음, 클라우드 동기화 없음: 단순하고 무료인 플래시카드 앱입니다.

🇺🇸 English, 🇪🇸 Español, 🇫🇷 Français, 🇩🇪 Deutsch, 🇳🇱 Nederlands, 🇮🇹 Italiano, 🇵🇹 Português, 🇵🇱 Polski, 🇷🇺 Русский, 🇳🇴 Norsk, 🇸🇪 Svenska, 🇨🇳 中文, 🇮🇳 हिन्दी, 🇧🇩 বাংলা, 🇯🇵 日本語, 🇰🇷 한국어, 🇹🇭 ไทย, 🇸🇦 العربية, 🇻🇳 Tiếng Việt, 🇹🇷 Türkçe, 🇵🇭 Tagalog, 🇰🇪 Kiswahili, 🇮🇷 فارسی, 🇮🇩 Bahasa Indonesia

기능

  • 단일 HTML 파일 - 하나의 HTML 파일에 모든 것이 들어 있어 어떤 기기에서도 쉽게 공유하고 볼 수 있음
  • 다국어 지원 - 언어 의존성을 줄이기 위한 이모지 기반 디자인, 24개 언어 지원: English, Español, Français, Deutsch, Nederlands, Italiano, Português, Polski, Русский, Norsk, Svenska, 中文, हिन्दी, বাংলা, 日本語, 한국어, ไทย, العربية, Tiếng Việt, Türkçe, Tagalog, Kiswahili, فارسی, Bahasa Indonesia
  • 키보드 제어 - 스페이스바로 뒤집기, 화살표로 탐색
  • HTML 지원 - 이미지 삽입, 텍스트 서식 지정, 링크 추가
  • 셔플 - 연습을 위한 무작위 순서
  • 질문/답변 반전 - 질문과 답변 바꾸기
  • 플래시카드 제거 - 숙달한 카드 제거, 페이지 새로고침으로 복원
  • 왼쪽, 오른쪽 또는 가운데 정렬 - 들여쓰기를 유지하기 위해 정렬 변경
  • 통합 타이머 - 플래시카드 덱을 통과하는 시간을 재고 싶을 때
  • CSV 가져오기 - 스프레드시트에서 데이터 붙여넣기
  • 인쇄 가능 - 플래시카드의 종이 사본 인쇄
  • 설정 불필요 - 즉시 오프라인으로 작동, 프로그래밍 기술 불필요
  • 개인정보 보호 중심 - 플래시카드는 클라우드 서버에 업로드되거나 저장되지 않음; 기기의 HTML 파일에만 존재
  • 완전 무료 - 등록 없음, 유료 장벽 없음, 광고 없음, "프리미엄" 기능 없음; 모든 것이 무료

예제 플래시카드 세트

(이 플래시카드는 AI가 생성한 것으로 정확성을 철저히 검토하지 않았습니다.)

자신만의 TSOFA 플래시카드 세트 만들기

편집기 웹 페이지를 사용하여 새 플래시카드 세트를 만들 수 있습니다.

또는 tsofa.html 파일을 다운로드하여 텍스트 편집기에서 열 수 있습니다. <script> 섹션 상단 근처에서 FLASHCARDS 변수(그리고 선택적으로 TOPIC 변수)를 찾아 텍스트 문자열 값을 편집합니다. 기본 언어를 설정하려면 LANGUAGE 변수를 설정합니다(이는 나중에 앱 자체에서 변경할 수 있습니다.)

원하는 HTML 태그를 넣을 수 있으며 이미지와 비디오를 포함하여 플래시카드에 렌더링됩니다.

플래시카드용 배열/JSON 형식

배열/JSON 형식의 경우, FLASHCARDS 문자열 값에 백틱(키보드의 1 키 왼쪽)을 사용하는 것을 권장합니다. 이렇게 하면 따옴표 문자를 포함하고 여러 줄에 걸칠 수 있습니다. 선택적으로 페이지에 표시할 TOPIC 설정도 추가할 수 있습니다.

const TOPIC = "(여기에 페이지에 표시할 주제를 입력하거나 비워 두세요.)";

let FLASHCARDS = [
[`프랑스의 수도는 무엇입니까?`, `파리`],
[`2 + 2는 무엇입니까?`, `4`],
[`우리 태양계에서 가장 큰 행성은 무엇입니까?`, `<b>목성</b><br><i>질량은 1.898 × 10²⁷ kg입니다</i>`],
[`제2차 세계대전은 몇 년에 끝났습니까?`, `1945`],
[`'로미오와 줄리엣'을 쓴 사람은 누구입니까?`, `윌리엄 셰익스피어<br><img src="shakespeare.png">`],
[`HTML이란 무엇입니까?`, `<b>하이퍼텍스트 마크업 언어</b><br>웹 페이지를 만들기 위한 표준 마크업 언어`],
];

플래시카드용 CSV 문자열 형식

또는 CSV(쉼표로 구분된 값) 텍스트의 단일 문자열에서 플래시카드를 로드할 수도 있습니다. 이 형식은 일반적으로 스프레드시트나 다른 플래시카드 앱의 내보내기 형식으로 사용됩니다.

const TOPIC = "(여기에 페이지에 표시할 주제를 입력하거나 비워 두세요.)";

let FLASHCARDS = `"질문 1","답변 1"
"질문 2","답변 2"
"쉼표가 있는 질문","쉼표가 있는 답변"`;

오픈 소스

GitHub에서 개선 사항을 제안하거나 버그를 보고할 수 있습니다.