정보처리기사 문제풀이

지금 바로 학습하기 → https://eip.po24lio.com

정보처리기사 필기시험 대비를 위한 모바일 최적화 문제 풀이 웹앱입니다.

주요 기능

• 스마트 학습 모드 - 맞은 문제는 자동으로 숨김, 틀린 문제만 복습 가능
• 북마크 (즐겨찾기) - 중요한 문제는 별표로 저장하여 따로 집중 학습
• AI 튜터 (Chat) - 궁금한 점을 바로 질문하고 실시간으로 답변받는 대화형 학습
• 유사 문제 무제한 생성 - 현재 문제와 유사한 새로운 문제를 AI가 즉석에서 생성하여 개념 다지기
• AI 심화 해설 - Gemini AI를 활용한 상세 해설 (스트리밍 지원)
• 학습 현황 추적 - 정답률, 학습 진도 실시간 대시보드
• 모바일 최적화 - 터치 친화적인 글래스모피즘(Glassmorphism) UI

기술 스택

• Frontend: React + Vite + Framer Motion
• AI: Google Gemini API (스트리밍)
• Storage: localStorage (브라우저 내 학습 기록 저장)
• Data: Python으로 DOCX에서 문제 추출

시작하기

1. 의존성 설치

# Frontend
cd frontend
npm install

# Python (문제 추출용)
uv sync

2. 환경변수 설정

cd frontend
cp .env.local.example .env.local
# .env.local 파일에 VITE_GEMINI_API_KEY 입력

3. 개발 서버 실행

cd frontend
npm run dev

프로젝트 구조

├── frontend/           # React 프론트엔드
│   ├── src/
│   │   ├── components/ # FlashCard, QuizManager, StatsPanel
│   │   ├── services/   # Gemini API, localStorage 연동
│   │   └── data/       # 추출된 문제 JSON
│   └── public/images/  # 문제 이미지
├── scripts/            # Python 문제 추출 스크립트
└── source_data/        # DOCX 원본 파일

환경변수

변수명	설명
VITE_GEMINI_API_KEY	Google Gemini API 키 (발급받기)

데이터 출처

본 프로젝트의 시험 문제 데이터는 아래 저장소의 자료를 가공하여 사용하였습니다:

• tpdlshdmlrkfmcla/Engineer_Information_Processing

라이선스

MIT License