도담도담 v2.0.0

2020년 9월에 진행했던 프로젝트에서 아쉬움으로 남았던 부분을 보완한 프로젝트입니다.

💻 프로젝트 소개

식품 알레르기 환자들을 위한 안전한 제품 및 섭취 제한 식품 정보를 제공해주는 웹사이트입니다. 본 시스템의 기대효과는 대학병원 방문 없이 알레르기 원인을 예상할 수 있어 사용자의 시간과 부담을 감소시킬 수 있고, 시스템에 기록된 식단, 증상 데이터를 알레르기 치료 참고 자료로 사용하게 될 것입니다.

🕰 개발 기간

2022.01 - 2022.02

📚 개발 환경

🛠 보완한 점

기능	v1.0.0	v2.0.0
Frontend	HTML+CSS	Bootstrap Template
Backend	JSP	Spring Framework
로그인 기능	일반 로그인만 지원	소셜 로그인(카카오)도 지원
식품 정보 기능	DB에 직접 추가	Open API 사용

📋 프로젝트 개발 문서

문서명	링크
소프트웨어 개발 계획서	[이동]
인터뷰 문서	[이동]
소프트웨어 요구분석서	[이동]
소프트웨어 상세 설계서	[이동]

📱 주요 기능

1. 소셜 로그인

• Frontend 단에서 Kakao.API.request() 함수를 통해 카카오 로그인 기능 구현
• Kakao.API.request()에서 반환한 Promise의 id로 사용자 회원가입 여부 확인
• 미회원인 경우 DB에 저장하여 회원가입
• 회원인 경우 session을 사용하여 로그인 처리

📷 View

PIC1 : 일반 로그인 화면

PIC2 : 카카오 로그인 화면

2. 식단 관리 기능

(1) 식단 추가

• 도담도담 v1.0.0과 같음

(2) 식단 리스트

• jqGrid 대신 TOAST UI GRID 사용하여 도식화

📷 View

PIC1 : 식단 추가 화면

PIC2 : 식단 리스트 화면

3. 증상 및 약 복용 정보 관리 기능

• 도담도담 v1.0.0과 동일

📷 View

PIC1 : 증상 추가 화면

PIC2 : 증상 리스트 화면

4. 알레르기 원인 분석 기능

• 기능은 도담도담 v1.0.0과 같음
• Mapper에서 SELECT문 개선

📷 View

PIC1 : 알레르기 원인 분석 페이지

5. 증상 발생 분석 기능

• 도담도담 v1.0.0과 동일

📷 View

PIC1 : 증상 발생 분석 페이지

6. 식품 검색 기능

• 공공 데이터 포털에서 식품과 알레르기 유발 식재료 정보가 담긴 데이터 불러오기
• 결과를 JSON 형태로 가져오기
• 가져온 데이터를 DB의 Table에 Insert

📷 View

PIC1 : 식품 검색 페이지