WEB_MiliDream_Dreamers

군인들을 위한 진로 설계 및 취미 공유 웹 플랫폼 MiliDream(밀리드림)입니다.

발표자료	시연영상

Project name and Logo

Mili Dream

프로젝트 소개

MiliDream은 Military와 Dream을 합쳐서 만들었으며, 군대에서 꿈을 찾는 사람들을 위해 개발한 서비스입니다. 군대에 있는 동안 무엇을 하면 좋을지, 군대를 나온 후에 무엇을 할지 막막합니다. 이는 국방의 의무를 지고 있는 군인 누구나 느끼는 감정일 것입니다.
군대에 있는 기간 동안 군대에서 할 수 있는 대회/공모전 활동이 많은데 몰라서, 혹은 같이 할 사람이 없어서 하지 못하는 경우가 비일비재합니다.
그래서 진로 고민에 도움을 주고, 여러 대회/공모전에 좀 더 쉽게 참여할 수 있도록 MiliDream이라는 서비스를 만들었습니다.

Mili Dream 만의 독창적인 기능

1. 진로 설계 보조

• 군 장병 누구나 진로유형검사를 통해 나만의 진로 유형을 빠르게 알아볼 수 있고, 여기에 맞는 목표를 추천받아 구체화하고 설계할 수 있습니다.
  • 검사는 추상적이지 않도록 구체화하여 결과를 제공합니다.
  • 검사 결과를 카카오톡으로 공유할 수 있게 하였습니다.

2. 군 장병을 위한 대회/공모전 파악 및 팀원 모집

• 군 장병 대상으로 열리는 대회/공모전 파악이 용이하고, 커뮤니티를 활용하여 같이 대회/공모전에 나갈 사람을 모집할 수 있습니다.
  • 여러 곳에 흩어져 찾아보기 어려웠던 대회/공모전 정보를 모아 볼 수 있습니다.
  • 부대에서 혼자서 선뜻 나가기엔 어려웠지만 같이 나갈 사람을 커뮤니티에서 찾아볼 수 수 있으므로 여러 대회/공모전에 적극적으로 참여할 수 있습니다.

3. 군 장병을 위한 취미 공유 커뮤니티

• 다양한 취미에 따른 게시판들을 통해 마음이 맞는 사람들끼리 다양한 주제로 이야기를 나누어 볼 수 있습니다.
  • 취미/관심사/부대 별로 나누어져 있는 게시판을 통해 정보도 공유할 수 있고 관련 궁금증도 해결할 수 있습니다.
  • 다양한 사람들의 이야기를 통해 자신이 군 내에서 해야할 일을 정리해보고 진로 설계에 도움받을 수 있습니다.

이러한 기능을 통해 MiliDream은 이전에 없던 군 장병 대상의 진로 설계 서비스를 커뮤니티와 융합하여 더욱 효과적으로 장병들에게 다가갈 수 있습니다.

Mili Dream 서비스의 기대효과

컴퓨터 구성 / 필수 조건 안내 (Prerequisites)

• ECMAScript 2020 (ES11) 지원 브라우저 사용 권장
• Google Chrome 버젼 77 이상 권장

기술 스택 (Technique Used)

Language

Javascript

Server Management Tools

pm2	nodemon

Server(back-end)

Nodejs v16.17.0	Express v4.16

Database

MariaDB

Web Application(Frontend)

React	Next

Design Tool

Bootstrap

사용된 오픈소스(Used Open Source)

• axios
• eslint
• frontend
  • next-images
  • quill
  • slick
  • styled-components
  • zustand
• backend
  • cookie-parser
  • cors
  • debug
  • dotenv
  • express-session
  • helmet
  • http-errors
  • jade
  • method-override
  • morgan
  • multer
  • passport
  • sanitize-html
  • winston
  • cors
  • jsdoc
  • prettier

설치 안내 (Installation Process)

$ git clone https://github.com/osamhack2022/WEB_MiliDream_Dreamers.git
$ cd WEB_MiliDream_Dreamers

이후 /backend와 /frontend의 README.md를 각각 참고해주세요!

• 추가적인 backend API, page route, Git Flow, Commit Convention, Directory Structure 등은 저희 Wiki를 참고해 주세요!

협업 과정

저희는 모두가 다른 부대 소속이고, 직접 만날 수가 없었기 때문에 협업은 전부 온라인으로 진행되었습니다.
[Notion] 을 통해 문서화 작업을 진행했으며, Discord를 통해 실시간 소통을 했고, Figme를 통해 디자인 작업을 함께 진행하고 확인했습니다.

팀 정보 (Team Information)

프로젝트 : MiliDream
팀명: Dreamers

📝성명	🎖️소속	🚩역할	🐱깃허브	📩이메일
김지환 (팀장)	육군 제37보병사단 정보통신대대 전산과	프론엔드 개발 기획
김선우 (백엔드 팀장)	공군 작전정보통신단 체계개발실 감시정찰체계팀	백엔드 개발 디자인 아키텍처 설계
가수연	육군 육군사관학교 사이버방호실	백엔드/프론트엔드 개발 DB 설계
민진홍	해군 작전사령부 잠수함사령부 제909교육훈련전대 제1훈련대대	프론트엔드 개발
추인엽	육군 제7공병여단 572공병대대	백엔드/프론트엔드 개발
손현진	국방부 국군지휘통신사령부 57정보통신대대	프론트엔드 개발 발표 자료 제작 발표 영상 제작
양승모	육군 수도방위사령부 56사단 기동대대	디자인 발표 자료 제작

저작권 및 사용권 정보 (Copyleft / End User License)

• MIT

This project is licensed under the terms of the MIT license.

이 프로젝트는 MIT 라이센스를 따릅니다.