문방구 (문화재 탐방 친구)

📌목차

1. 프로젝트 소개
2. 기능 소개
3. 담당 역할
4. 프로젝트를 통해 배운 점
5. 프로젝트 아키텍처 및 ERD

✏️"초등학생과 교사를 위한 교육용 문화재 탐방 어플"

[앱 메인 화면] 학생용(왼쪽) / 교사용(오른쪽)

항목	내용
앱 이름	문방구
프로젝트 설명	초등학생과 교사의 현장학습 경험을 개선하는 교육용 앱
주요 기능	GPS 기반 미션, 안전수칙 퀴즈, 학생들의 활동 추적, 만족도조사 자동화
개발 기간	25.01.06 ~ 25.02.21 (7주)
팀 구성	손은주(BE, Leader) 제갈민(BE) 김병년(FE) 최대규(BE, Infra) 이용재(FE) 박성민(FE)

분야	기술
Front-end
Back-end
Infra
Cooperation

1. 프로젝트 소개

• 문방구는 초등학생과 교사를 위한 교육용 문화재 탐방 어플리케이션입니다.
• 학생은 GPS 기반 퀴즈와 미션을 수행하며 즐겁게 문화재를 학습할 수 있습니다.
• 교사는 학생들의 위치와 활동 상태를 파악하며 체계젹인 현장학습 관리가 가능합니다.

프로젝트의 필요성

• 저희는 실제 현직 초등교사와의 인터뷰를 통해 현장체험학습에서 겪는 다양한 문제점을 파악했습니다.
• 교사들은 다음과 같은 어려움을 공통적으로 언급했습니다.

❌ 문제	내용	✅ 해결
실시간 공지 어려움	학생들에게 공지사항을 빠르게 전달하기 어려움	공지 및 알림 기능
안전 교육 미흡	출발 전에 실시하는 교육을 집중하지 않는 학생들이 많음	안전수칙 O/X 퀴즈
팀별 활동 통제 불가	팀 단위 이동 시 위치·미션 파악 어려움	조별 현황 확인 기능
낮은 학습 몰입도	단순 관람 중심으로 흥미 유발 부족	카드 수집 기반 퀘스트
문화재 지식 부족	교사의 설명 능력 부족으로 학습 효과 감소	문화재 백과사전 제공

• 문방구는 단순히 학습 도구를 넘어, 학생의 참여도와 교사의 관리 효율을 동시에 높이는 실용적인 교육 솔루션을 목표로 합니다.

2. 기능 소개

학생용 앱(MBG)

1) 스플래시 화면 및 로그인 회원 가입 화면

회원가입	로그인

2) 안전 수칙

회원가입 시 안전 수칙 퀴즈를 진행하여 학생들이 숙지할 수 있도록 하였습니다.

3) 메인 화면

팀 참가	알림 공지
선생님으로부터 받은 초대코드를 입력해 방에 입장할 수 있습니다.	선생님이 설정한 일정 알림을 확인할 수 있습니다.
공지 알림	만족도 조사
선생님이 공지한 알림을 확인할 수 있습니다.	체험학습이 끝난 후, 간편하게 만족도 조사를 끝낼 수 있습니다.

4) 지도 및 게임 화면

지도	미션 - 주관식 퀴즈
현재 위치에서 가까운 순으로 미션 장소들을 보여줍니다.	하루마다 얻을 수 있는 카드가 달라지는 주관식 퀴즈를 할 수 있습니다.
미션 - 객관식 퀴즈	미션 - 인증샷
특정 문화재에 대한 객관식 퀴즈를 풀고, 관련 카드를 얻을 수 있습니다.	인증샷을 찍어야 하는 장소들을 보여줍니다.

5) 도감 화면

수집 아이템 확인

수집한 문화재 카드들을 볼 수 있는 도감입니다.

6) 꾸미백과

풀이 기록 확인

풀었던 문제에 대한 문화재 정보를 자세하게 살펴볼 수 있습니다.

TMBG

1) 팀 관리

반 생성	그룹 상세 조회
현장 체험 학습을 진행할 반 정보를 생성할 수 있습니다.	조별 인원과 미션 진행률, 인증샷 조회가 가능합니다.

2) 전체 공지

공지 생성

학생들에게 보낼 공지를 생성하고, 이전에 생성했던 공지 조회가 가능합니다.

3) 일정 관리

일정 생성	일정 조회
일정을 생성할 수 있으며, 일정은 시작 10분 전에 학생들에게 알림이 전송됩니다.	생성한 일정을 조회 및 삭제할 수 있습니다.

4) 보고서 관리

보고서 PDF 작성

만족도 조사를 실시할 수 있습니다. 만족도 조사를 완료한 학생을 확인할 수 있으며, 모든 학생이 완료하면 보고서가 생성됩니다. "PDF로 내보내기" 클릭 시 파일을 받을 수 있으며 현장체험학습을 종료할 수 있습니다.

3. 담당 역할

Infra

• Docker 기반 애플리케이션 컨테이너화
• Jenkins 활용 Back-end CI/CD 파이프라인 구축
• Nginx Reverse Proxy 및 HTTPS(SSL) 인증서 설정
• AWS S3를 활용한 이미지 업로드 및 정적 리소스 관리

Back-end

• 회원가입, 로그인, 마이페이지 관련 API 개발
• Spring Security + JWT 기반 인증 시스템 구현
• 꾸미백과 API 및 문화재 정보 조회 API 개발
• MySQL ↔ SpringBoot 간 Polygon 좌표 데이터 저장 및 변환
• Caffeine Cache 도입으로 이미지 응답 속도 최적화 (107ms → 1ms)

4. 프로젝트를 통해 배운 점

• AWS, Docker, Jenkins와 같은 인프라 도구를 처음으로 실무에 적용하며, 막연했던 클라우드 시스템에 대한 이해를 구체화할 수 있었습니다.
• 초반 기획 단계에서 팀원 간 아이디어의 차이가 컸지만, Figma 및 전자칠판을 활용한 시각적 협업을 통해 소통의 효율성을 크게 높일 수 있다는 점을 체감했습니다.
• ERD 설계에 익숙하지 않아 초기에는 어려움을 겪었으나, 데이터베이스 이론 학습과 다양한 실전 예시를 참고하고, 경험자에게 피드백을 받으며 구조적인 설계를 배울 수 있었습니다.
• 첫 백엔드 개발 경험이었기에 모든 것이 생소했지만, 팀원들과의 논의를 통해 프로젝트 구조와 개발 프로세스에 대한 감각을 키울 수 있었습니다.

5. 프로젝트 아키텍처 및 ERD