[수능] 영어지문 주제별/연도별 분류 대시보드 (12월17일 업데이트)

안녕하세요, Flow 영어연구소입니다.

 

모의고사나 수능 지문을 주제별로 분류해서 볼 수는 없을까?

 

막연하지만 이런 것을 만들어보고 싶다는 생각을 예전부터 했었는데 접근 방법을 몰라 실행하지 못하고 있던 상황에서, 한 유튜브 영상을 보고 아이디어를 얻어 비슷한 방식으로 제작해 봤습니다. 결과물이 상당히 맘에 들어 공유해 봅니다. 

 

수능 영어지문 주제별/연도별 분류 대시보드 (이미지 클릭해도 연결됨)

 

최근 10여년간 출제된 수능 영어지문들을 주제별로 분류해 주는 <수능 영어지문 주제별/연도별 분류 대시보드>입니다. 2015학년도(2014년 시행)부터 2026학년도(2025년 시행)까지 치러진 대학수학능력시험 300개 영어지문을 모아 주제별/연도별로 분류해서 보여주도록 제작했습니다. 지문을 클릭하면 영어지문/한글해석/한줄해석이 나옵니다. 

 

아직은 프로토타입으로 조잡한 수준이지만, 각 지문마다 TTS 음성과 해당 그림을 삽입하고, 제공되는 정보도 더 늘려서 만들어보면 좋을 것 같다는 생각이 듭니다. 여기에 고1/고2/고3 모의고사 지문까지 집어넣어서 만들 수 있으면 더 좋을 것 같습니다. 

상단 메뉴에서 '수능 영어지문 분류'를 클릭 (이미지 클릭해도 연결됨)

 

상단 메뉴를 최근 추가했습니다. (블로그 초보여서 상단 메뉴가 있는지도 몰랐네요ㅠ) 상단 메뉴 마지막을 클릭하면 위에서 설명한 대시보드가 새창으로 열립니다. (수능 영어지문 분류: https://flowedu.kr/ksat/)

 

댓글로 좋은 아이디어 공유해 주세요. 감사합니다~

 

[2025.12.17 업데이트]

0) 위 작업의 99%를 구글에서 내놓은 에이전트 기능인 antigravity를 사용해 작업했습니다. (꼭 직접 사용해 보세요!!)

 

1) 주소를 https://flowedu.kr/ksat/dashboard.html 에서 https://flowedu.kr/ksat/ 로 수정했습니다. 

 

2) 초기에 사용했던 js 파일을 버리고 자료를 모두 DB화 했습니다. 지문과 데이터의 무한 확장이 가능해 졌습니다. 

 

3) 모든 지문에 mp3 음성 파일을 추가했습니다. 기존의 한줄해석도 제가 기존에 배부하던 양식과 비슷하게 번호와 음영이 들어간 한줄해석과 한줄해석(좌지문 우해석) 방식으로 구분해서 제공하도록 수정했습니다.

 

mp3 / 한줄해석 / 한줄해석(좌지문 우해석)

 

ps. 

1)

위 내용은 Gemini 3.0 프로와 구글의 antigravity를 이용해 바이브 코딩해서 제작했습니다. (저는 HTML/CSS/JS에 대한 지식이 거의 없습니다) 파일도 첨부합니다. 아래 파일을 동일한 폴더에 다운로드 후, html 파일을 웹브라우저로 실행하면 동일한 내용을 오프라인에서도 확인할 수 있습니다. (내용 업데이트 해서 더 이상 사용하지 않지만 참고로 남겨둡니다.)

 

파일 다운로드 (html & js 파일)

dashboard.html

0.03MB

KSAT_data.js

0.08MB

passages_data.js

1.31MB

 

 

2)

아래는 제가 참고했던 유튜브 영상 링크입니다. 

 

노트북LM과 제미나이3 프로 캔버스를 활용한 사용법 5가지 (+실전 시나리오)