{"id":21969931,"url":"https://github.com/yamoo9/air-force-headquarters","last_synced_at":"2026-04-08T23:35:03.272Z","repository":{"id":69708657,"uuid":"177092829","full_name":"yamoo9/Air-Force-Headquarters","owner":"yamoo9","description":"Vue 프레임워크 - 공군본부 학습 저장소","archived":false,"fork":false,"pushed_at":"2019-04-01T23:02:31.000Z","size":5520,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-09-08T00:03:24.658Z","etag":null,"topics":["axios","git","now-sh","nprogress","vscode","vue","vue-router","vuex"],"latest_commit_sha":null,"homepage":"https://yamoo9.github.io/vue/","language":null,"has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yamoo9.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-03-22T07:31:55.000Z","updated_at":"2019-05-28T08:35:49.000Z","dependencies_parsed_at":"2023-05-23T13:00:15.490Z","dependency_job_id":null,"html_url":"https://github.com/yamoo9/Air-Force-Headquarters","commit_stats":null,"previous_names":[],"tags_count":26,"template":false,"template_full_name":null,"purl":"pkg:github/yamoo9/Air-Force-Headquarters","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yamoo9%2FAir-Force-Headquarters","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yamoo9%2FAir-Force-Headquarters/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yamoo9%2FAir-Force-Headquarters/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yamoo9%2FAir-Force-Headquarters/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yamoo9","download_url":"https://codeload.github.com/yamoo9/Air-Force-Headquarters/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yamoo9%2FAir-Force-Headquarters/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31579056,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["axios","git","now-sh","nprogress","vscode","vue","vue-router","vuex"],"created_at":"2024-11-29T14:27:49.713Z","updated_at":"2026-04-08T23:35:03.254Z","avatar_url":"https://github.com/yamoo9.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Air Force Headquarters\n\n공군본부 Vue.js 프레임워크 학습 저장소 입니다. 수업은 [Vue.js 러닝 가이드](https://yamoo9.github.io/vue/)를 통해 진행됩니다.\n\n\u003cimg src=\"_/micross.jpg\" alt width=\"400\"\u003e\n\n\u003cbr\u003e\n\n### 비교\n\n순수 웹 기술인 HTML, CSS, JavaScript, DOM API를 활용해 제작된 결과물\n\n\u003cimg src=\"_/HTML+CSS+JavaScript.jpg\" alt\u003e\n\nVue.js 프레임워크를 활용해 제작된 결과물\n\n\u003cimg src=\"_/VueFramework.jpg\" alt\u003e\n\n\u003cbr\u003e\n\n### 실습\n\n단계 별 학습 자료를 실습하려면 적절한 브랜치(Branch)를 선택해 자료를 다운로드 받거나, 코드를 참고할 수 있습니다.\u003cbr\u003e\n예를 들어 7단계 학습 자료는 `lesson-7` 브랜치를 선택합니다.\n\n\u003cbr\u003e\n\n### 실습 자료\n\n\u003cbr\u003e\n\n**Vue.js 라이브러리 (with vue.js)**\n\n자료 | 설명\n--- | ---\n[APRVD.7z](https://github.com/yamoo9/Air-Force-Headquarters/raw/master/_/APRVD.7z) | APRVD UI: Vue.js 라이브러리 활용\n[BandiZip](https://drive.google.com/open?id=1NzP_96VPxBudyhCtT7BXnnyJtp5wKCiG) | 7z, zip 압축/해제 도구 ([website](https://kr.bandisoft.com/bandizip/))\n\n\u003cbr\u003e\n\n**Vue.js 프레임워크 (with Vue CLI 3, Axios)**\n\n자료 | 설명\n--- | ---\n[ediya-ui.example.7z](https://github.com/yamoo9/Air-Force-Headquarters/raw/master/_/ediya-ui.example.7z) | 이디야(Ediya) UI: UI JavaScript(ES5) 코드 → ECMAScript(ES6+) 코드로 변경\n[lesson01.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson01.zip) | Vue CLI 3를 사용한 프로제트 생성 및 스캐폴딩\n[lesson02.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson02.zip) | 이디야(Ediya) UI 예제 → Vue.js 프레임워크 적용\n[lesson03.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson03.zip) | 이디야(Ediya) UI 헤더 영역 → 선언적 렌더링, 속성 바인딩\n[lesson04.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson04.zip) | 이디야(Ediya) UI 헤더 영역 → 조건부 렌더링, 리스트 렌더링\n[lesson05.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson05.zip) | 이디야(Ediya) UI 헤더 영역 → 이벤트 바인딩\n[lesson06.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson06.zip) | 이디야(Ediya) UI 헤더 영역 → 메서드와 계산된 속성\n[lesson07.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson07.zip) | 이디야(Ediya) UI 헤더 영역 → 컴포넌트\n[lesson08.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson08.zip) | 이디야(Ediya) UI 헤더 영역 → 슬롯\n[lesson09.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson09.zip) | 이디야(Ediya) UI 헤더 영역 → 글로벌 컴포넌트\n[lesson10.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson10.zip) | 이디야(Ediya) UI 헤더 영역 → 컴포넌트 통신: 속성 전달, 커스텀 이벤트\n[lesson11.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson11.zip) | 이디야(Ediya) UI 메인 영역 → 종합(렌더링, 바인딩, 컴포넌트, 슬롯, 통신) 적용\n[lesson12.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson12.zip) | 이디야(Ediya) UI 헤더 영역 → 앱 헤더 컴포넌트로 분리\n[lesson13.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson13.zip) | 이디야(Ediya) UI → API 비동기 처리 (with Axios)\n[lesson14.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson14.zip) | 이디야(Ediya) UI → API 서비스(Service) 모듈\n[lesson15.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson15.zip) | 이디야(Ediya) UI → async/await 활용\n[lesson16.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson16.zip) | 이디야(Ediya) UI → 배포(build : [※ 참고](https://github.com/vuejs/vue-cli/issues/3678))\n[lesson17.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson17.zip) | 이디야(Ediya) UI 튜토리얼 완료\n\n\u003cbr\u003e\n\n**Vuex 라이브러리 추가**\n\n자료 | 설명\n--- | ---\n[lesson17.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson17.zip) | 이디야(Ediya) UI → Vuex 스토어 설치/구성\n[lesson18.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson18.zip) | 이디야(Ediya) UI → Vuex 맵 헬퍼 활용\n[lesson19.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson19.zip) | 이디야(Ediya) UI → Vuex 모듈 활용\n[lesson20.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson20.zip) | 이디야(Ediya) UI → Vuex 모듈 네임스페이스 활용\n[lesson21.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson21.zip) | 이디야(Ediya) UI Vuex 튜토리얼 완료\n\n\u003cbr\u003e\n\n**Vue Router 라이브러리 추가**\n\n자료 | 설명\n--- | ---\n[lesson21.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson21.zip) | 이디야(Ediya) UI → Vue Router 설치 및 구성\n[lesson22.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson22.zip) | 이디야(Ediya) UI → 라우터 링크 설정\n[lesson23.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson23.zip) | 이디야(Ediya) UI → 다이내믹 라우트 페이지 설정\n[lesson24.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson24.zip) | 이디야(Ediya) UI → 오프 캔버스 메뉴 키보드 접근성 향상\n[lesson25.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson25.zip) | 이디야(Ediya) UI Vue Router 튜토리얼 완료\n\n\u003cbr\u003e\n\n**nprogress 라이브러리 추가**\n\n자료 | 설명\n--- | ---\n[lesson25.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson25.zip) | 이디야(Ediya) UI → nprogress 설치/구성(Axios 인터셉트)\n[lesson26.zip](https://github.com/yamoo9/Air-Force-Headquarters/archive/lesson26.zip) | 이디야(Ediya) UI → ...","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyamoo9%2Fair-force-headquarters","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyamoo9%2Fair-force-headquarters","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyamoo9%2Fair-force-headquarters/lists"}