Skip to content

osam2019/WEB_MilitaryPartner_team

Repository files navigation

Military Partner

배포자 및 개발자 정보

팀이름 육해공

군일병 정현민 [email protected]

군일병 주형근 [email protected]

군병장 최호중 [email protected]

주요내용

  1. 군대 가고싶은 시기에 갈 수 있는 모집 특기 제공
  2. 모집 특기 상세 정보, 평점, 후기 정보 제공
  3. 입대 관련 궁금증을 바로 해소할 수 있는 질문 게시판 제공

대한민국 성인 남성들에게 '입대'라는 키워드는 중대한 입지를 차지하고 있다. 자신의 손으로 자국을 지킨다는 국방의 의무는 숭고하지만, 그 자신의 2년이라는 시간 또한 결코 사소하지 않다. 작년인 2018년만 해도 총 입영 대상자 수 22만 명중 모집병을 제외하면 무려 10만 명 이상의 사람들이 군대에서 무슨 일을 하게 될지도 모르는 채로 입대했다. 그들 중 대부분이 보람찬 2년이 아닌 국방에 허비한 2년이라고 말할 것이다.

개요

위와같은 상황을 타개하기 위해, 이전에 없던 새로운 서비스 '밀리터리 파트너'는 입영 대상자들이 원하는 시기에 어울리는 특기를 제대로 알고 입대하여 의미있는 군생활을 보낼 수 있도록 가치있는 정보들을 제공한다. 복잡한 구조와 쏟아지듯이 보여지는 정보들로 인해 접근성이 떨어지는 병무청을 대신하여, 입영 대상자들은 '밀리터리 파트너'에서 군종 별 모든 특기들에 대한 실용적인 정보들을 빠르고 간편하게 얻을 수 있다.

소프트웨어 필수 조건

  • IE8 - Vue 지원불가
  • IE9, IE10 - Vuetify 지원 불가
  • IE11 - Polyfill
  • Safari 9 - Polyfill

사용

웹사이트 - 사용자 이용 웹

https://military-partner.web.app

어드민 웹사이트 - 데이터 관리 웹 (주의: 무단으로 데이터 수정,추가,삭제 금지)

https://military-partner-data.web.app/

웹 기능 설명

Main Page - 사용자 이용 페이지

  • 특기 검색: 희망 입영 기간에 입영할 수 있는 특기 제공

    1. Date Picker를 이용해서 희망하는 입영 기간을 선택 후 검색
    2. 검색 시 해당 기간에 모집 중인 특기들이 테이블 형태로 제공됨
    3. 테이블에는 특기 모집별 이름, 군종, 계열, 평점, 입대일, 전역일, 합격발표일, 등록마감일이 표시
    4. 테이블의 각 행 선택 시 해당 특기의 정보, 후기, 평점이 있는 세부 특기 정보 페이지로 이동

  • 특기 정보 탐색: 필터와 정렬을 통해 특기를 분류와 탐구

    1. 모든 특기별 정보들이 테이블 형태로 나열되어 있는 목록 페이지 제시
    2. 특기들을 검색, 필터(육군, 공군), 정렬(평점 높은 순, 평가자 많은 순)을 사용해서 분류 및 검색
    3. 특정 특기 선택 시 자세한 설명, 모집일정, 전역자 후기 및 평점 정보 페이지를 제시
    4. 특기의 후기 및 평점을 원하는 분류기준(평점, 작성시간)으로 분류 및 검색
    5. 특기 세부 정보 페이지에서 해당 특기를 경험 또는 아는 이용자가 후기 및 평점 작성

  • 질의 응답: 입영과 관련된 질문과 응답을 제공

    1. 입영 과 관련된 질문 게시글들의 목록 페이지 제시
    2. 게시글들을 원하는 정렬기준(제목, 답변 수, 작성 시간, 조회수, 태그)으로 정렬
    3. 태그 검색을 통해 비슷한 테마의 질문 검색
    4. 질문 작성 버튼 클릭 시 팝업 형태로 질문 양식 페이지 제시 및 작성
    5. 게시글 선택 시 해당 글에 대한 내용 Dialog 형태로 제시
    6. 질문 상세 보기 페이지에서 질문의 각 단어(질문 포인트)를 클릭시 해당 단어에 달린 답변들을 목록으로 제시
    7. 질문의 각 단어에 달린 답변 수가 많을 수록 하이라이터를 진하게 하여 표시
    8. 단어를 더블클릭시 바탕색 강조 및 해당 텍스트에 답변하기 버튼 표시

Admin Page - 데이터 관리 페이지

  • 특기 추가: 특기 정보(특기 이름, 군종, 계열, 상세정보)를 서버에 추가
  • 특기 검색: 검색, 필터, 정렬 기능으로 특기 분류 및 검색
  • 특기 삭제: 특정 특기 삭제
  • 특기 수정: 특정 특기의 정보 수정
  • 평점 삭제: 특정 특기의 부적절한 평점 삭제
  • 모집일정 추가 및 삭제: 특정 특기의 새로운 모집일정을 추가 및 삭제 관리

파일 정보 및 목록(/SRC)

  • Components: 프로젝트에 사용된 컴포넌트 폴더
    • contents: 실질적 내용을 당담하는 컴포넌트 폴더
      • informations: 특기들의 정보와 관련된 컴포넌트 폴더
        • details: 세부특기 관련 컴포넌트 폴더
          • Detail.vue: 세부특기 골격 컴포넌트
          • Rate.vue: 세부특기 평점, 후기 컴포넌트
          • Recruit.vue: 세부특기 모집일정 컴포넌트
        • Mos.vue: 모든 특기들의 정보를 담고 있는 컴포넌트
      • questions: 질의 응답 컴포넌트 폴더
        • Read.vue: 답변 작성 컴포넌트
        • Write.vue: 질문 작성 컴포넌트
      • Information.vue: 모든 특기 정보 탐색 골격 컴포넌트
      • Question.vue: 질의 응답 리스트 컴포넌트
      • Search.vue: 희망기간내에 특기 탐색 컴포넌트-핵심 기능
    • core: UI 골격 컴포넌트 폴더
      • Content.vue: 내용을 담을 골격 컴포넌트
      • Navigation.vue: 컨텐츠 페이지로 넘어갈 수 있는 네비게이션 바 컴포넌트
    • Intro.vue: 인트로 페이지(설명서) 컴포넌트
  • Plugins: 플러그인 설정 정보 폴더
    • firebase.js: 백엔드 플러그인 선언
    • vuetify.js: 뷰티파이 플러그인 선은
  • App.vue: 루트 싱글파일 컴포넌트
  • router.js: 라우터 설정 파일
  • store.js: vuex 설정 파일

기술 스택

  • Front - Vue
  • UI - Vuetify
  • 상태관리 - Vuex
  • 라우팅- Vue Router
  • 쿠키 - Vue cookie
  • DB - Firebase
  • Server - Firebase
  • Hosting- Firebase

DB 구조

업데이트 정보

  • 0.1.0 - 19.10.21
    • UI 뼈대 제작
    • 컴포넌트 라우터로 연결
    • 어드민 페이지 제작 백엔드 db연결
  • 0.1.1 - 19.10.22
    • Vuetify UI Component 커스터마이징
    • Grid 시스템 적용 (모바일, PC 분리)
  • 0.2.1 - 19.10.22
    • DB 와 CRUD 연동
    • UI/UX 수정
    • Bug Fix
  • 0.3.0 - 19.10.23
    • 질문게시판 태그 검색 기능 추가
    • 특기 오브젝트 필터링 정렬 검색 기능 추가
    • Bug FIx
  • 0.4.0 - 19.10.23
    • 데이터 테이블 로딩, 데이터 없음, 결과 없음 뷰 구현
    • 특기 정보 테이블 페이지네이션 추가 & 최적화
    • Bug Fix
  • 1.0.0-a1 - 19.10.24
    • 특기 필터링 최적화
    • 희망 특기 선택 Date Picker 에러 체크 & 유저 메세지 추가
    • Bug Fix
  • 1.0.0-a2 - 19.10.24
    • Intro 페이지 추가(쿠키 사용 하여 첫 방문시에만 나오도록)
    • Bug Fix
  • 1.0.0-for Evaluation- 19.10.24 (평가용 버전)
    • 어드민 페이지 공개
    • 어드민 페이지와 클라이언트 페이지 연결
  • 1.0.0 - 예정
    • 모바일 Intro 페이지 제작
    • 특기별로 후기 한개만 달 수 있도록 수정
    • 질문 게시판 자신의 글 수정 가능하게 수정

기대효과

'밀리터리 파트너'에서는 사용자가 희망하는 입영 기간을 설정하여 해당 기간에 모집공고 중인 특기들을 찾아볼 수 있고, 그 특기들에 관한 자세한 정보들도 바로 살펴볼 수 있다. 해당 특기들이 무슨 일을 하는지와 같은 객관적인 정보들뿐만 아니라, 실제 복무 경험자들의 후기 및 평점과 같이 국군장병 입장에서의 주관적인 정보들 또한 얻을 수 있다. 게다가 입영 대상자들의 질문에 군 복무 경험자들이 직접 답하는 질문 게시판을 운용하여 사용자들이 원하는 질문에 대한 직접적인 해답을 얻을 수 있다. 위와 같은 편리한 서비스들은 입영 대상자들의 입대에 대한 불안감을 감소시키고, 체계적으로 군 생활을 계획하여 그들의 소중한 시간을 만족스럽게 보낼 수 있도록 해줄 것이다.

ⓒ 2019. 육해공 All Rights Reserved.

Releases

No releases published

Packages

No packages published