[Web App] Streamlit + CSS : TOEIC VOCA 학습 앱

Streamlit으로 만든 TOEIC VOCA 학습 웹 앱 (Python 개인 미니 프로젝트)

 

파이썬 학습을 진행하면서 간단한 미니 프로젝트로 TOEIC 단어 학습 웹 앱을 만들어 보았다.

 

단어를 Day별로 학습하고, 랜덤 복습과 퀴즈까지 할 수 있는 간단한 단어 학습 웹 애플리케이션이다.

이번에서는 Python 데이터 처리뿐만 아니라 Streamlit을 활용한 웹 앱 개발과 CSS를 이용한 UI 커스터마이징까지 경험해보았다.

 

 

프로젝트 개요

• 이번 프로젝트의 목표는 다음과 같았다.
• Day별로 TOEIC 단어 학습
• 전체 단어 검색
• 랜덤 단어 복습
• 객관식 퀴즈
• 오답 노트 관리

 

단어 데이터는 엑셀 파일 형태로 정리되어 있으며, 이를 Python에서 읽어와 웹 앱에서 활용한다.

 

사용한 주요 기술은 다음과 같다.

• Python
• Pandas
• Streamlit
• CSS (Streamlit UI 커스터마이징)

 

 

이번 프로젝트에서 배운 점

이번 프로젝트를 통해 다음과 같은 것들을 경험할 수 있었다.

• Pandas로 엑셀 데이터 처리
• Streamlit을 이용한 웹 앱 제작
• Session State를 이용한 상태 관리
• CSS를 활용한 Streamlit UI 커스터마이징
• 간단한 데이터 시각화

특히 Streamlit은 데이터 분석 결과를 빠르게 웹으로 공유하기 좋은 도구라는 점이 인상적이었다.

 

 

마무리

이번 TOEIC VOCA 앱은 비교적 간단한 프로젝트지만,

Python 데이터 처리부터 웹 인터페이스까지 한 번에 경험할 수 있었다.

앞으로는 다음과 같은 기능도 추가해보고 싶다.

• 학습 진도율 표시
• 틀린 단어 자동 복습 모드
• 사용자별 학습 기록 저장
• 모바일 화면 최적화

작은 프로젝트라도 직접 만들어보니 파이썬 학습이 훨씬 재미있어진 느낌이다.

 

[수정] 2026-03-09 

틀린 문제 Download (CSV, 엑셀파일) 기능 추가

 

 

🔗 https://toeic-voca-app.streamlit.app

 

(혹시 아래 링크에서 페이지가 안뜨고 가운데에 버튼만 뜨면, 그 버튼을 누르시면 재연결 됩니다!)