최근 영어시험을 준비할 일이 생겼습니다.
문제집도 풀고, 엑셀로 정리도 해보고, 이래저래 해봤는데…
아, 이거 너무 귀찮다!
좀 더 편하게, 자동으로 관리할 방법 없을까? 고민하다가
결국 직접 만들어버렸습니다. ㅎㅎ
## 사이트 소개
이름은 enggram.vercel.app 입니다.
PC, 모바일 모두 지원하고요.
대략 기능은 90% 정도 완성된 것 같아요.
## 주요 기능
- 로그인/회원가입: 계정은 [email protected] / demo (누구나 제한 없이 사용 가능!)
- 문법 유형/난이도별 퀴즈: 원하는 유형과 급수를 선택해서 바로 테스트 가능
- 퀴즈 방식: 한 번에 다 풀고 채점, 문제마다 즉시 채점 두 가지 모두 지원
- AI 자동 생성/검증: 문제는 AI가 자동으로 만들어주고, 정답 오류나 빈칸 없는 문제, 해설에서 정답이 틀렸다고 나오면 자동 삭제!
- 관리자 대시보드: 문제 현황, 유형별 통계, AI 모델 설정 등 실시간 관리
- 실시간 AI 설정: LMStudio API 주소도 웹에서 바로 바꿀 수 있어요
## 간단한 구조 설명
- 프론트엔드: Next.js(React), TypeScript, TailwindCSS로 개발. 모바일/PC 모두 반응형 지원!
- 백엔드/API: Next.js API Routes로 서버 없이 바로 동작.
- DB: Supabase(PostgreSQL)로 문제, 유저, 통계 등 모든 데이터 관리.
- AI 연동:
- LMStudio(로컬 LLM)와 Gemini(Google AI) 모두 지원
- 문제 생성/검증/자동수정/삭제까지 AI가 담당
- LMStudio API 주소를 웹에서 직접 입력 가능
- 배포: Vercel에서 무료로 배포, 언제 어디서나 접속 가능
## 개발 후기
아직 데이터가 많진 않지만,
중3 아들놈 시켜서 테스트해보니 “나쁘지 않다”는 평을 받았습니다.
개발자로 인정받은 기분, 뿌듯하네요 ㅋㅋㅋ
이번 주 내내 짬짬이 개발했는데,
그래도 내가 쓸 서비스 직접 만든다는 게 참 재밌고 보람찼습니다.
## 사용 방법
1. 사이트 접속: [enggram.vercel.app](https://enggram.vercel.app)
2. 로그인: [email protected] / demo (제한 없음)
3. 문법 유형/난이도 선택 후 퀴즈 풀기
4. 채점 결과 및 해설 확인
아직 부족한 점도 많고, 데이터도 더 쌓아야 하지만
영어 문법 공부 자동화, 이제는 직접 해보세요! ㅎㅎ
