[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6CBWPX9SXMRHB0VVBRYMBRH":3,"skill-same:01M6CBWPX9SXMRHB0VVBRYMBRH":45},{"skillNo":4,"name":5,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":17,"publishedAt":20,"linkOnly":21,"markdownContent":22,"markdownBody":22,"frontMatter":23,"refName":24,"commitSha":25,"skillDirectory":26,"forksCount":13,"repositoryHtmlUrl":27,"repositoryHomepageUrl":6,"ownerHtmlUrl":28,"ownerBlogUrl":6,"ownerDescription":29,"updatedAt":30,"install":31,"resources":44},"01M6CBWPX9SXMRHB0VVBRYMBRH","10-app-shell",null,"devwinsoft\u002Fdevian","devwinsoft","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F22570160?v=4","01M6C6RR8W05NH8NPKQNCE3Q72","maoshy","01M6C6RRDJ5TJJCZXRTY801YDH",0,"MIT","https:\u002F\u002Fgithub.com\u002Fdevwinsoft\u002Fdevian\u002Fblob\u002Fmain\u002Fskills\u002Fdevian\u002F80-tools\u002F20-operation\u002F10-app-shell\u002FSKILL.md",[],[18,19],"shell","10 app shell","2026-11-10 10:12:30",false,"# 20-operation\u002F10-app-shell — 앱 셸\n\n\nStatus: ACTIVE\nAppliesTo: v10\n\n\n## Purpose\n\nOperation 웹앱의 프로젝트 구조, 빌드 설정, 탭 네비게이션을 정의한다.\n\n\n---\n\n\n## Build\n\n- 빌드 도구: **Vite**\n- dev: `npm run dev` -> `vite` (localhost dev server, HMR)\n- `vite.config.ts`에서 `cacheDir`는 workspace root(`framework-ts\u002Fnode_modules\u002F.vite\u002F...`)를 사용한다.\n- `framework-ts\u002F` 워크스페이스 앱으로 등록\n\n\n## Project Location\n\n```\nframework-ts\u002Fapps\u002FOperation\u002F\n```\n\n\n## Project Structure\n\n```\nframework-ts\u002Fapps\u002FOperation\u002F\n├── index.html\n├── package.json\n├── tsconfig.json\n├── vite.config.ts\n└── src\u002F\n    ├── main.ts                  ← 엔트리: 탭 초기화, 라우팅\n    ├── style.css                ← 전역 스타일\n    ├── firebase.ts              ← Firebase 초기화 + httpsCallable\n    ├── tabs\u002F\n    │   ├── push-send.ts         ← Push Send 탭 (첫 번째)\n    │   ├── obfuscate.ts         ← Obfuscate 탭\n    │   ├── deobfuscate.ts       ← Deobfuscate 탭\n    │   └── savedata.ts          ← Save Data 탭\n    └── codec\u002F\n        ├── dvn-codec.ts         ← DVN 파이프라인 (GZip → AES → Base64)\n        └── obfuscation-codec.ts ← ComplexUtil 난독화\n```\n\n\n---\n\n\n## Navigation\n\n- **단일 페이지** + **탭 전환**으로 기능을 구분한다.\n- 탭 목록(순서):\n  - Push Send\n  - Obfuscate\n  - Deobfuscate\n  - Save Data\n- 탭 정의는 [03-ssot](..\u002F03-ssot\u002FSKILL.md) 참조.\n\n\n---\n\n\n## Related\n\n- [00-overview](..\u002F00-overview\u002FSKILL.md) — Operation 개요\n- [01-policy](..\u002F01-policy\u002FSKILL.md) — 정책\n- [Tools SSOT](..\u002F..\u002F03-ssot\u002FSKILL.md) §TypeScript Workspace 정본\n",{},"main","8cb5bd877a3a7004867d2f55697cb9e4ff2f1734","skills\u002Fdevian\u002F80-tools\u002F20-operation\u002F10-app-shell","https:\u002F\u002Fgithub.com\u002Fdevwinsoft\u002Fdevian","https:\u002F\u002Fgithub.com\u002Fdevwinsoft","Kim Hyong Joon","2026-04-12 18:44:10",{"source":7,"skillName":5,"commands":32,"prompt":42,"zipAvailable":43},[33,36,39],{"tool":34,"command":35},"npx","npx skills add devwinsoft\u002Fdevian --skill 10-app-shell",{"tool":37,"command":38},"bunx","bunx skills add devwinsoft\u002Fdevian --skill 10-app-shell",{"tool":40,"command":41},"pnpm","pnpm dlx skills add devwinsoft\u002Fdevian --skill 10-app-shell","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fdevwinsoft\u002Fdevian\u002Fblob\u002Fmain\u002Fskills\u002Fdevian\u002F80-tools\u002F20-operation\u002F10-app-shell\u002FSKILL.md",true,[],[46,52,60,68,77,84],{"skillNo":47,"name":48,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":49,"categories":50,"keywords":51,"publishedAt":20},"01M6CBX3K2JJV38ANHVGCAT8A0","devian","https:\u002F\u002Fgithub.com\u002Fdevwinsoft\u002Fdevian\u002Fblob\u002Fmain\u002Fskills\u002Fdevian\u002FSKILL.md",[],[48],{"skillNo":53,"name":54,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":55,"categories":56,"keywords":57,"publishedAt":20},"01M6CBX210BFMM8AMN770J9WY8","90-project-archive","https:\u002F\u002Fgithub.com\u002Fdevwinsoft\u002Fdevian\u002Fblob\u002Fmain\u002Fskills\u002Fdevian\u002F80-tools\u002F90-project-archive\u002FSKILL.md",[],[58,59],"archive","90 project archive",{"skillNo":61,"name":62,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":63,"categories":64,"keywords":65,"publishedAt":20},"01M6CBWZSGRR9R3YJZB3177667","30-env-management","https:\u002F\u002Fgithub.com\u002Fdevwinsoft\u002Fdevian\u002Fblob\u002Fmain\u002Fskills\u002Fdevian\u002F80-tools\u002F30-env-management\u002FSKILL.md",[],[66,67],"management","30 env management",{"skillNo":69,"name":70,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":71,"categories":72,"keywords":73,"publishedAt":20},"01M6CBWYD3TGWBQV7V35551THF","19-page-push-send","https:\u002F\u002Fgithub.com\u002Fdevwinsoft\u002Fdevian\u002Fblob\u002Fmain\u002Fskills\u002Fdevian\u002F80-tools\u002F20-operation\u002F19-page-push-send\u002FSKILL.md",[],[74,75,76],"push","page","19 page push send",{"skillNo":78,"name":79,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":80,"categories":81,"keywords":82,"publishedAt":20},"01M6CBWWRQ05A7604GHJKTPJTF","18-page-savedata","https:\u002F\u002Fgithub.com\u002Fdevwinsoft\u002Fdevian\u002Fblob\u002Fmain\u002Fskills\u002Fdevian\u002F80-tools\u002F20-operation\u002F18-page-savedata\u002FSKILL.md",[],[75,83],"18 page savedata",{"skillNo":85,"name":86,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":87,"categories":88,"keywords":89,"publishedAt":20},"01M6CBWVH4S2VF1V7B2GBTESCT","17-page-deobfuscate","https:\u002F\u002Fgithub.com\u002Fdevwinsoft\u002Fdevian\u002Fblob\u002Fmain\u002Fskills\u002Fdevian\u002F80-tools\u002F20-operation\u002F17-page-deobfuscate\u002FSKILL.md",[],[75,90],"17 page deobfuscate"]