개인 프로젝트/📚 Brain Helper(4)
-
📕 Brain Helper
1. Brain Helper Brain Helper는 학습에 도움을 주는 어플리케이션입니다. Brain Helper Brain Helper 과목 : 이동 정답 보기 이전 다음 909ma.github.io GitHub GitHub - 909ma/Brain-Helper: 반복 학습에 도움이 되는 어플리케이션을 만드는 것이 목표입니다. 반복 학습에 도움이 되는 어플리케이션을 만드는 것이 목표입니다. Contribute to 909ma/Brain-Helper development by creating an account on GitHub. github.com 2. 사용법 키 활동 아래쪽 화살표 정답 보기 위쪽 화살표 정답 가리기 좌측 화살표 이전 문제 보기 우측 화살표 다음 문제 보기 이동 원하는 문제 찾아가기..
2023.12.09 -
3. json.js - 스크립트
1. json.js // JSON 파일 불러오기 fetch( "https://raw.githubusercontent.com/909ma/909ma.github.io/main/Brain Helper/data/Subject.json" ) .then(function (response) { return response.json(); }) .then(function (data) { subjectList = data; showSubjectOptions(); showQuestion(currentQuestionIndex); }); // HTML 요소 선택 var subjectSelect = document.getElementById("subjectSelect"); var questionDiv = document.getE..
2023.12.09 -
2. json.css - 스타일시트
1. json.css * { font-family: "NanumSquareBold"; } .answer, .question { white-space: pre-line; } pre { white-space: pre-wrap; } @media screen and (min-width: 1291px) { body { font-size: 20px; font-family: "NanumSquareBold"; } select { width: auto; height: 30px; font-size: 20px; } .question-container { margin: 20px; } .question { background-color: #f0f0f0; padding: 10px; margin-bottom: 10px; } .qu..
2023.12.09 -
1. Review Note(json).html - 홈페이지 구조
1. Review Note(json).html 과목 : 이동 정답 보기 이전 다음 2. 실행 화면
2023.12.09