{"id":15041548,"url":"https://github.com/osamhack2020/web_inpendansim_inpendansim","last_synced_at":"2025-08-01T18:31:50.519Z","repository":{"id":56564603,"uuid":"303381463","full_name":"osamhack2020/WEB_InpenDansim_INPENDANSIM","owner":"osamhack2020","description":"국군 인터넷 편지 개선 프로젝트 2020,    ‘인편단심’","archived":false,"fork":false,"pushed_at":"2020-10-31T15:02:57.000Z","size":91853,"stargazers_count":4,"open_issues_count":0,"forks_count":5,"subscribers_count":4,"default_branch":"main","last_synced_at":"2024-12-06T02:10:23.315Z","etag":null,"topics":["firebase","material-design","scss-framework","vue","vue-router"],"latest_commit_sha":null,"homepage":"https://osamhack2020.github.io/WEB_InpenDansim_INPENDANSIM/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/osamhack2020.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-10-12T12:14:42.000Z","updated_at":"2024-03-20T00:00:48.000Z","dependencies_parsed_at":"2022-08-15T21:00:52.605Z","dependency_job_id":null,"html_url":"https://github.com/osamhack2020/WEB_InpenDansim_INPENDANSIM","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/osamhack2020%2FWEB_InpenDansim_INPENDANSIM","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/osamhack2020%2FWEB_InpenDansim_INPENDANSIM/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/osamhack2020%2FWEB_InpenDansim_INPENDANSIM/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/osamhack2020%2FWEB_InpenDansim_INPENDANSIM/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/osamhack2020","download_url":"https://codeload.github.com/osamhack2020/WEB_InpenDansim_INPENDANSIM/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228397819,"owners_count":17913540,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["firebase","material-design","scss-framework","vue","vue-router"],"created_at":"2024-09-24T20:46:13.086Z","updated_at":"2024-12-06T02:10:59.733Z","avatar_url":"https://github.com/osamhack2020.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\u003cimg width='500px' src=\"/img/logo.png\"\u003e\u003c/p\u003e\n\u003cp align='center'\u003e\n \u003cimg src='https://img.shields.io/github/package-json/v/osamhack2020/WEB_InpenDansim_INPENDANSIM'\u003e\n \u003ca href=\"https://github.com/osamhack2020/WEB_InpenDansim_INPENDANSIM/graphs/contributors\"\u003e\u003cimg src='https://img.shields.io/github/contributors/osamhack2020/WEB_InpenDansim_INPENDANSIM'\u003e\u003c/a\u003e\n \u003ca href='https://github.com/osamhack2020/WEB_InpenDansim_INPENDANSIM/blob/main/LICENSE'\u003e\u003cimg src='https://img.shields.io/github/license/osamhack2020/WEB_InpenDansim_INPENDANSIM'\u003e\u003c/a\u003e\n \u003ca href='https://osamhack2020.github.io/WEB_InpenDansim_INPENDANSIM/'\u003e\u003cimg src='https://img.shields.io/badge/Test%20on-gh--pages-yellow'\u003e\u003c/a\u003e\n\u003c/p\u003e\n\u003cp align='center'\u003e\n \u003ca href='https://www.facebook.com/%EC%9D%B8%ED%8E%B8%EB%8B%A8%EC%8B%AC-%EB%8B%A8%EC%88%9C%ED%95%98%EA%B3%A0-%EC%8B%AC%ED%94%8C%ED%95%98%EA%B2%8C-104789958104175'\u003e\u003cimg width='200px' src='https://img.shields.io/static/v1?label=page\u0026message=CONTACT%20US\u0026color=blue\u0026logo=facebook\u0026style=social'\u003e\u003c/a\u003e\n\u003c/p\u003e\n\u003cbr\u003e\n\n로고는 '단순함'을 뜻하는 simple의 'S' 형태를 띄며, 육 · 해 · 공 · 해병대를 상징하는 4색이 어우러져 **인터넷 편지 서비스로 전군을 하나로 연결시킨다**는 의미를 담고 있습니다.\n\n\u003cbr\u003e\u003cbr\u003e\n\n# 📝 프로젝트 소개 및 설명(Introduction \u0026 Explanation)\n\u003cp align='center'\u003e\n \u003cimg src=\"/img/poster.png\" height=\"450px\" title=\"poster\" alt=\"poster\"\u003e\u003c/img\u003e\n\u003c/p\u003e\n\n**인편단심**은 훈련소에 인터넷 편지를 보내는 지인들이 보다 **쉽고 간편하게 편지를 작성**할 수 있도록 디자인된 웹 서비스입니다.\n\n기존 인편 서비스의 **복잡한 절차를 개선**하고, 사용자들이 편지에 담는 내용과 작성 패턴을 기반으로 **다양한 컨텐츠와 편의기능**을 제공하고 있습니다.\u003cbr\u003e\n\n또한, 사용자들에게 쉽고 편리한 서비스에서 나아가 **군과 민간이 소통할 수 있는 전군통합 플랫폼**을 목표로 하고 있습니다.\n\n\u003cbr\u003e\n\n \n* __[데모 페이지 보기](https://osamhack2020.github.io/WEB_InpenDansim_INPENDANSIM/)__\n\n\n* __[발표영상 보러가기](https://youtu.be/mg5sbkWaqNY)__\n\u003cp align='center'\u003e\n \u003ca href='https://www.youtube.com/watch?v=mg5sbkWaqNY'\u003e\u003cimage src=\"https://img.youtube.com/vi/mg5sbkWaqNY/0.jpg\"\u003e\u003c/a\u003e\n\u003cbr\u003e\n  \u003ca href='https://github.com/osamhack2020/WEB_InpenDansim_INPENDANSIM/raw/main/%EC%A0%9C%EC%B6%9C%EC%9E%90%EB%A3%8C/%EC%9D%B8%ED%8E%B8%EB%8B%A8%EC%8B%AC%20%EB%B0%9C%ED%91%9C%EC%98%81%EC%83%81.mp4'\u003eDownload Link\u003c/a\u003e\n  \u003cbr\u003e\n  \u003ca href='https://github.com/osamhack2020/WEB_InpenDansim_INPENDANSIM/raw/main/PPT/%EC%9D%B8%ED%8E%B8%EB%8B%A8%EC%8B%AC%20%EB%B0%9C%ED%91%9C%EC%9E%90%EB%A3%8C.pptx'\u003ePPT Link\u003c/a\u003e\n\u003c/p\u003e\n \n* __[시연영상 보러가기](https://www.youtube.com/watch?v=Li7epsTU2LI)__\n\n\u003cp align='center'\u003e\n \u003ca href='https://www.youtube.com/watch?v=Li7epsTU2LI'\u003e\u003cimage src=\"https://img.youtube.com/vi/Li7epsTU2LI/0.jpg\"\u003e\u003c/a\u003e\n\u003cbr\u003e\n  \u003ca href='https://github.com/osamhack2020/WEB_InpenDansim_INPENDANSIM/raw/main/%EC%A0%9C%EC%B6%9C%EC%9E%90%EB%A3%8C/%EC%9D%B8%ED%8E%B8%EB%8B%A8%EC%8B%AC%20%EC%8B%9C%EC%97%B0%EC%98%81%EC%83%81.mp4'\u003eDownload link\u003c/a\u003e\n\u003c/p\u003e\n\n\n\n\u003cbr\u003e\u003cbr\u003e\n\n# 📐 구상 과정(Design Process)\n \n \n### \u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/Microsoft_Office_OneNote_%282018%E2%80%93present%29.svg/1101px-Microsoft_Office_OneNote_%282018%E2%80%93present%29.svg.png\" width=40/\u003e 초기 인편단심 컨셉 구상 스케치\n \u003e 여러번의 컨셉 수정 끝에 탄생한 인편단심\n ![design](documents/design_process/design1.jpg)\u003cbr/\u003e\n![design](documents/design_process/design2.jpg)\n\n ### \u003cimg src=\"https://www.gstatic.com/images/branding/product/1x/hh_jamboard_64dp.png\" width=40/\u003e Google Jamboard를 사용하여 원거리 회의로 디자인 구상\n\u003e 단순, 심플이라는 인편단심의 컨셉을 구체화 시키기 위한 노력들\u003cbr/\u003e\n![design](documents/design_process/jamboard.jpg)\u003cbr/\u003e\n\n\u003cbr/\u003e\n \n### \u003cimg src=\"https://www.vectorlogo.zone/logos/figma/figma-icon.svg\" width=40/\u003e목업 프레임워크인 Figma를 사용하여 데스크톱, 모바일 프로토타입 제작\n\u003e 그림으로 그렸던 요소들을 최대한 최종 완성본에 가깝게 디자인 후 프로토타입으로 제작\n![design](documents/design_process/figma-desktop.PNG)\n![design](documents/design_process/figma-mobile-prototype.PNG)\n\n\u003cbr/\u003e\n\n ### 데스크탑 버전\n \u003cimg src=\"/img/desktop1.png\" height=\"450px\" title=\"desktop1\" alt=\"desktop\"\u003e\u003c/img\u003e\n ![desktop2](img/desktop2.png)\n \n### 모바일 버전\n ![mobile](img/mobile.gif)\n\n \n\u003cbr\u003e\u003cbr\u003e\n\n# 🖥 컴퓨터 구성 / 필수 조건 안내 (Prerequisites)\n* ECMAScript 6 지원 브라우저 사용\n* 권장: Google Chrome 버젼 77 이상\n* __IE환경에서 작동이 안될 수도 있습니다.__\n### 사용가능 브라우저\n![Chrome](https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Edge](https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![Opera](https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Safari](https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png)\n--- | --- | --- | --- | --- |\n 56+ ✔ | 32+ ✔ | 16+ ✔ | 42+ ✔ | 8+ ✔ |\n \n\n\n\u003cbr\u003e\u003cbr\u003e\n\n# 💡 기술 스택 (Technique Used)\n\n\u003ctable\u003e\u003ctbody\u003e\n \u003ctr\u003e\n  \u003ctd\u003e\n   \u003cdiv align=\"center\"\u003e\u003ca href=\"https://git-scm.com/\" target=\"_blank\"\u003e \u003cimg src=\"https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg\" alt=\"git\" width=\"40\" height=\"40\"/\u003e \u003c/a\u003e\u003cbr\u003eGit\u003c/div\u003e\n  \u003c/td\u003e\n  \u003ctd\u003e\n   \u003cdiv align=\"center\"\u003e\u003ca href=\"https://firebase.google.com/\" target=\"_blank\"\u003e \u003cimg src=\"https://www.vectorlogo.zone/logos/firebase/firebase-ar21.svg\" alt=\"Firebase\"  height=\"40\"/\u003e \u003c/a\u003e\u003cbr\u003eFirebase\u003c/div\u003e\n  \u003c/td\u003e\n  \n   \u003ctd width=\"60\"\u003e\n   \u003cdiv align=\"center\"\u003e\u003ca href=\"https://nodejs.org\" target=\"_blank\"\u003e \u003cimg src=\"https://devicons.github.io/devicon/devicon.git/icons/nodejs/nodejs-original-wordmark.svg\" alt=\"nodejs\" width=\"80\" height=\"40\"/\u003e \u003c/a\u003e\u003cbr\u003eNode.js\u003c/div\u003e\n  \u003c/td\u003e\n  \u003ctd width=\"60\"\u003e\n   \u003cdiv align=\"center\"\u003e\u003ca href=\"https://expressjs.com\" target=\"_blank\"\u003e \u003cimg src=\"https://devicons.github.io/devicon/devicon.git/icons/express/express-original-wordmark.svg\" alt=\"express\" width=\"60\" height=\"40\"/\u003e \u003c/a\u003e\u003cbr\u003eExpress\u003c/div\u003e\n  \u003c/td\u003e\n  \u003ctd\u003e\n   \u003cdiv align=\"center\"\u003e\u003ca href=\"https://www.npmjs.com/\" target=\"_blank\"\u003e \u003cimg src=\"https://www.vectorlogo.zone/logos/npmjs/npmjs-ar21.svg\" alt=\"npm\" width=\"60\" height=\"40\"/\u003e \u003c/a\u003e\u003cbr\u003enpm\u003c/div\u003e\n  \u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd width=\"60\"\u003e\n   \u003cdiv align=\"center\"\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript\" target=\"_blank\"\u003e \u003cimg src=\"https://devicons.github.io/devicon/devicon.git/icons/javascript/javascript-original.svg\" alt=\"javascript\" width=\"40\" height=\"40\"/\u003e \u003c/a\u003e\u003cbr\u003eJavascript\u003c/div\u003e\n  \u003c/td\u003e\n  \u003ctd width=\"60\"\u003e\n   \u003cdiv align=\"center\"\u003e\u003ca href=\"https://www.linux.org/\" target=\"_blank\"\u003e \u003cimg src=\"https://devicons.github.io/devicon/devicon.git/icons/linux/linux-original.svg\" alt=\"linux\" width=\"40\" height=\"40\"/\u003e \u003c/a\u003e\u003cbr\u003eLinux\u003c/div\u003e\n  \u003c/td\u003e\n  \u003ctd\u003e\n   \u003cdiv align=\"center\"\u003e\u003ca href=\"https://www.w3.org/html/\" target=\"_blank\"\u003e \u003cimg src=\"https://devicons.github.io/devicon/devicon.git/icons/html5/html5-original-wordmark.svg\" alt=\"html5\" width=\"40\" height=\"40\"/\u003e \u003c/a\u003e\u003cbr\u003eHtml5\u003c/div\u003e\n  \u003c/td\u003e\n  \u003ctd\u003e\n   \u003cdiv align=\"center\"\u003e\u003ca href=\"https://sass-lang.com\" target=\"_blank\"\u003e \u003cimg src=\"https://devicons.github.io/devicon/devicon.git/icons/sass/sass-original.svg\" alt=\"sass\" width=\"40\" height=\"40\"/\u003e \u003c/a\u003e\u003cbr\u003eSCSS\u003c/div\u003e\n  \u003c/td\u003e\n\n \u003c/tr\u003e\n     \u003ctd\u003e\n   \u003cdiv align=\"center\"\u003e\u003ca href=\"https://babeljs.io/\" target=\"_blank\"\u003e \u003cimg src=\"https://www.vectorlogo.zone/logos/babeljs/babeljs-icon.svg\" alt=\"babel\" width=\"40\" height=\"40\"/\u003e \u003c/a\u003e\u003cbr\u003eBabel\u003c/div\u003e\n  \u003c/td\u003e\n  \u003ctd\u003e\n   \u003cdiv align=\"center\"\u003e\u003ca href=\"https://webpack.js.org\" target=\"_blank\"\u003e \u003cimg src=\"https://devicons.github.io/devicon/devicon.git/icons/webpack/webpack-original.svg\" alt=\"webpack\" width=\"40\" height=\"40\"/\u003e \u003c/a\u003e\u003cbr\u003eWebpack\u003c/div\u003e\n  \u003c/td\u003e\n  \n  \u003ctd\u003e\n   \u003cdiv align=\"center\"\u003e\u003ca href=\"https://vuejs.org/\" target=\"_blank\"\u003e \u003cimg src=\"https://www.vectorlogo.zone/logos/vuejs/vuejs-icon.svg\" alt=\"Vue.js\" width=\"40\" height=\"40\"/\u003e \u003c/a\u003e\u003cbr\u003eVue.js\u003c/div\u003e\n  \u003c/td\u003e\n  \u003ctd\u003e\n   \u003cdiv align=\"center\"\u003e\u003ca href=\"http://bootstrapk.com/\" target=\"_blank\"\u003e \u003cimg src=\"https://www.vectorlogo.zone/logos/getbootstrap/getbootstrap-icon.svg\" alt=\"Bootstrap\" width=\"40\" height=\"40\"/\u003e \u003c/a\u003e\u003cbr\u003eBootstrap\u003c/div\u003e\n  \u003c/td\u003e\n \u003c/tbody\u003e\u003c/table\u003e\n \n\n\n\u003cbr\u003e\u003cbr\u003e\n\n# ✍ 설치 및 실행 안내 (Installation \u0026 Execution Process)\n1. 인편단심 원격 저장소를 클론합니다.\n```bash\n$ git clone https://github.com/osamhack2020/WEB_InpenDansim_INPENDANSIM.git\n```\n2. 생성된 로컬 저장소로 이동 후 필요한 라이브러리를 설치합니다.\n```bash\n$ cd WEB_InpenDansim_INPENDANSIM\n$ yarn install\n```\n3. 테스트 서버를 실행합니다.\n```bash\n$ yarn run\nyarn run v1.17.3\ninfo Commands available from binary scripts: acorn, ansi-html, atob,\n...\nquestion Which command would you like to run?: serve\n```\n4. 브라우저에 http://localhost:8080/ 를 입력하여 사이트에 접속 할 수 있습니다.\n\n\n# 👨‍👨‍👦‍👦 팀 정보 (Team Information)\n- 김태윤(팀장) (chokokty0816@gmail.com), Github Id: Chokoty\n- 이은상(팀원) (dmstkdrmatkd@naver.com), Github Id: jxchlee\n- 유정호(팀원) (dbwjdgh03@ajou.ac.kr),   Github Id: WebPr0grammer\n- 지우석(팀원) (woosukji@snu.ac.kr),     Github Id: woosukji\n\n\n\n# 저작권 및 사용권 정보 (Copyleft / End User License)\n * [MIT](https://github.com/osam2020-WEB/Sample-ProjectName-TeamName/blob/master/license.md)\n \n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fosamhack2020%2Fweb_inpendansim_inpendansim","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fosamhack2020%2Fweb_inpendansim_inpendansim","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fosamhack2020%2Fweb_inpendansim_inpendansim/lists"}