과목 소개 서비스 (웹 프로그래밍 실무 프로젝트)

📌 프로젝트 개요

학생들에게 주요 4과목(국어, 수학, 사회, 과학)에 대한 직관적이고 상세한 정보를 제공하는 웹 기반 '과목 소개 서비스' 입니다. 최종적으로 프론트엔드와 백엔드를 모두 구성하여 100% 완료된 기능들을 포함하고 있습니다.

🛠 사용된 기술 (Tech Stack)

• Backend: Python, Flask
• Frontend: HTML5, CSS3
• Design Concept: 다크모드(Dark Mode), 글래스모피즘(Glassmorphism) 테마

📂 파일 구조 (File Structure)

• app.py: 메인 플라스크 애플리케이션 라우팅 파일
• requirements.txt: 프로젝트 구동에 필요한 기본 파이썬 패키지 목록
• templates/: HTML 문서 폴더 (home.html, korean.html, math.html, social.html, science.html 등)
• static/css/style.css: 글래스모피즘 테마 및 레이아웃을 다루는 메인 CSS

🚀 실행 방법 (How to Run)

1. 패키지 설치 및 가상환경 설정 터미널에서 명령어를 입력해 필요한 모듈을 설치합니다.

   pip install -r requirements.txt

2. 플라스크 서버 실행

   python app.py

3. 웹 브라우저 접속 서버가 동작하면 로컬 주소에 접속하여 확인합니다.

   http://127.0.0.1:5000/
   

💡 주요 기능 및 특징

• 전 과목 완벽 연결: app.py에서 국어, 수학, 사회, 과학의 4가지 엔드포인트 라우팅 처리를 하여 각 소개 페이지에 연결.
• 다크모드 & 글래스모피즘: UI의 완성도를 끌어올리기 위한 반투명한 글래스모피즘 컨셉의 카드 인터페이스 적용. 네비게이션과 내용물이 어우러지는 모던 디자인 구현.

✍ 제작자

• 작성자: 3401 고명진
• 최종 업데이트: 2026년 4월