{"_id":"02_woori-component","_rev":"6-474685fb46cc7cdad4e9efda21a89141","name":"02_woori-component","dist-tags":{"latest":"0.0.7"},"versions":{"0.0.2":{"name":"02_woori-component","version":"0.0.2","_id":"02_woori-component@0.0.2","maintainers":[{"name":"seonjiwon","email":"tommys915@gmail.com"}],"dist":{"shasum":"1e4819e5f94597b5931302613fc83838472bfa91","tarball":"https://registry.npmjs.org/02_woori-component/-/02_woori-component-0.0.2.tgz","fileCount":35,"integrity":"sha512-WeOU1s65s8bhVPo/JWFhSc1KvtVhVBj2m1k5URK2IAMJbNvmCfQhviUpjz3+tY+GKHIJfR8uop7uWURNq7mExw==","signatures":[{"sig":"MEUCIELZp9U8zUpypd01HQmAZpCtbsym/ckUuMwAKeK6teQwAiEAkyv0Vw05YIen9qoNf6Ybo7OVVCm3SKKRyj58ZLiATx0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":778624},"type":"module","gitHead":"771650d9f3737490eab5a0440f18b7f3e9e1e738","private":false,"scripts":{"dev":"vite","lint":"eslint .","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"seonjiwon","email":"tommys915@gmail.com"},"_npmVersion":"11.6.2","description":"금융앱에서 사용할만한 컴포넌트 설계/구현/배포","directories":{},"_nodeVersion":"24.12.0","dependencies":{"react":"^19.2.0","react-dom":"^19.2.0","tailwindcss":"^4.1.18","@tailwindcss/vite":"^4.1.18","@use-gesture/react":"^10.3.1","tailwind-scrollbar-hide":"^4.0.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.2.4","eslint":"^9.39.1","globals":"^16.5.0","@eslint/js":"^9.39.1","@types/react":"^19.2.5","@types/react-dom":"^19.2.3","@vitejs/plugin-react":"^5.1.1","eslint-plugin-react-hooks":"^7.0.1","eslint-plugin-react-refresh":"^0.4.24"},"_npmOperationalInternal":{"tmp":"tmp/02_woori-component_0.0.2_1768382205218_0.7700437819685964","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"02_woori-component","version":"0.0.3","_id":"02_woori-component@0.0.3","maintainers":[{"name":"seonjiwon","email":"tommys915@gmail.com"}],"dist":{"shasum":"6db1ef6587f13021880aa2b2a41ed2c38cc3b89e","tarball":"https://registry.npmjs.org/02_woori-component/-/02_woori-component-0.0.3.tgz","fileCount":12,"integrity":"sha512-S3RwczkD2ET2Ksn8/P3rWHMEHqib/VvjLjEhGXBuzOvkkV9FaV8jstuo6e87jW4mwIMbssOC7Ez9ZZVLoBI4Tg==","signatures":[{"sig":"MEUCIQDrhJfMo6CTM6FVvXMgni9gicnm8XOcrNNnmv8BECyUzwIgS0deiGlHZmZFq8IcZdbeu0OrGs5Po/MNO01J6zNma80=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":826644},"main":"./dist/index.umd.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"import":"./dist/index.js","require":"./dist/index.umd.js"},"./style.css":"./dist/style.css"},"gitHead":"05f22dd2107ce8c1728a9b4a9bcd2c8902471059","scripts":{"dev":"vite","lint":"eslint .","build":"vite build","preview":"vite preview","prepublishOnly":"npm run build"},"_npmUser":{"name":"seonjiwon","email":"tommys915@gmail.com"},"_npmVersion":"11.6.2","description":"금융앱에서 사용할만한 컴포넌트 설계/구현/배포","directories":{},"_nodeVersion":"24.12.0","dependencies":{"@use-gesture/react":"^10.3.1","tailwind-scrollbar-hide":"^4.0.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.2.4","react":"^19.2.0","eslint":"^9.39.1","globals":"^16.5.0","react-dom":"^19.2.0","@eslint/js":"^9.39.1","tailwindcss":"^4.1.18","@types/react":"^19.2.5","@types/react-dom":"^19.2.3","@tailwindcss/vite":"^4.1.18","@vitejs/plugin-react":"^5.1.1","eslint-plugin-react-hooks":"^7.0.1","eslint-plugin-react-refresh":"^0.4.24"},"peerDependencies":{"react":">=19.0.0","react-dom":">=19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/02_woori-component_0.0.3_1768384121669_0.1237070498702828","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"02_woori-component","version":"0.0.4","_id":"02_woori-component@0.0.4","maintainers":[{"name":"seonjiwon","email":"tommys915@gmail.com"}],"dist":{"shasum":"a5e43fcc2c3706bb0a380cbafa62cdca8acd75a0","tarball":"https://registry.npmjs.org/02_woori-component/-/02_woori-component-0.0.4.tgz","fileCount":12,"integrity":"sha512-PuVz6SXUGv8pyQUvivyVDV7B/gYkOovIcZ3sFHQpV5JNJ7Y6a/LFY8XYNcllBhwL6QgvFNJfkwqyqcjL7SvgoA==","signatures":[{"sig":"MEQCIHmOQfoEthX5XmJXwo+HfeIz0Fcbh6aedBsIo1U/qEqiAiAXlyj7FomDJRwqgz5pUhSSntxBSwkjqkwPMrbuduDZlg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":826650},"main":"./dist/index.umd.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.es.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"},"./style.css":"./dist/style.css"},"gitHead":"05f22dd2107ce8c1728a9b4a9bcd2c8902471059","scripts":{"dev":"vite","lint":"eslint .","build":"vite build","preview":"vite preview","prepublishOnly":"npm run build"},"_npmUser":{"name":"seonjiwon","email":"tommys915@gmail.com"},"_npmVersion":"11.6.2","description":"금융앱에서 사용할만한 컴포넌트 설계/구현/배포","directories":{},"_nodeVersion":"24.12.0","dependencies":{"@use-gesture/react":"^10.3.1","tailwind-scrollbar-hide":"^4.0.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.2.4","react":"^19.2.0","eslint":"^9.39.1","globals":"^16.5.0","react-dom":"^19.2.0","@eslint/js":"^9.39.1","tailwindcss":"^4.1.18","@types/react":"^19.2.5","@types/react-dom":"^19.2.3","@tailwindcss/vite":"^4.1.18","@vitejs/plugin-react":"^5.1.1","eslint-plugin-react-hooks":"^7.0.1","eslint-plugin-react-refresh":"^0.4.24"},"peerDependencies":{"react":">=19.0.0","react-dom":">=19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/02_woori-component_0.0.4_1768384607878_0.6603003475297502","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"02_woori-component","version":"0.0.5","_id":"02_woori-component@0.0.5","maintainers":[{"name":"seonjiwon","email":"tommys915@gmail.com"}],"dist":{"shasum":"f93cf99083b3c0408735106ea8e0f78a5ebb1520","tarball":"https://registry.npmjs.org/02_woori-component/-/02_woori-component-0.0.5.tgz","fileCount":13,"integrity":"sha512-8hT+s23AmVxQv9dkStxhorbXvgqKBG22ovEOwDuEKRKZFnlJmU8Yh2ZXi1oj6tXiLK6yP9SOaBIk3P7gcy5StQ==","signatures":[{"sig":"MEQCIA79/6BdhRZ0Uybm/LDgvXOkqsElZIaQG2FwHfTnZ0bMAiBjzS59WRblytgKQxxPUZOBh85bdKVH3PJGA67qAf0s1A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":844639},"main":"./dist/index.umd.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.es.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"},"./style.css":"./dist/02_woori-component.css"},"gitHead":"05f22dd2107ce8c1728a9b4a9bcd2c8902471059","scripts":{"dev":"vite","lint":"eslint .","build":"vite build","preview":"vite preview","prepublishOnly":"npm run build"},"_npmUser":{"name":"seonjiwon","email":"tommys915@gmail.com"},"_npmVersion":"11.6.2","description":"금융앱에서 사용할만한 컴포넌트 설계/구현/배포","directories":{},"_nodeVersion":"24.12.0","dependencies":{"@use-gesture/react":"^10.3.1","tailwind-scrollbar-hide":"^4.0.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.2.4","react":"^19.2.0","eslint":"^9.39.1","globals":"^16.5.0","react-dom":"^19.2.0","@eslint/js":"^9.39.1","tailwindcss":"^4.1.18","@types/react":"^19.2.5","@types/react-dom":"^19.2.3","@tailwindcss/vite":"^4.1.18","@vitejs/plugin-react":"^5.1.1","eslint-plugin-react-hooks":"^7.0.1","eslint-plugin-react-refresh":"^0.4.24"},"peerDependencies":{"react":">=19.0.0","react-dom":">=19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/02_woori-component_0.0.5_1768384806989_0.9777620872674033","host":"s3://npm-registry-packages-npm-production"}},"0.0.6":{"name":"02_woori-component","version":"0.0.6","_id":"02_woori-component@0.0.6","maintainers":[{"name":"seonjiwon","email":"tommys915@gmail.com"}],"dist":{"shasum":"89ece95eb546b2cd2a437ed3632abaac6de6c998","tarball":"https://registry.npmjs.org/02_woori-component/-/02_woori-component-0.0.6.tgz","fileCount":13,"integrity":"sha512-cJbi6vCiPMgyRdO/76LoPyRQqgsGIrInX2tmNGON4ZquIg5iTe0lfRSfwIm/wsvsE26ZhRyTYKhEPThBeBGqQg==","signatures":[{"sig":"MEUCIQD0R+fbjyinVCYKo+TELmXGy1VblaZ/BLAYjnBGraWnhAIgf6zEe76z13Hni8Nnh/23iPIMud5ujnGj3cw9opDxnpc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":845954},"main":"./dist/index.umd.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.es.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"},"./style.css":"./dist/02_woori-component.css"},"gitHead":"05f22dd2107ce8c1728a9b4a9bcd2c8902471059","scripts":{"dev":"vite","lint":"eslint .","build":"vite build","preview":"vite preview","prepublishOnly":"npm run build"},"_npmUser":{"name":"seonjiwon","email":"tommys915@gmail.com"},"_npmVersion":"11.6.2","description":"금융앱에서 사용할만한 컴포넌트 설계/구현/배포","directories":{},"_nodeVersion":"24.12.0","dependencies":{"@use-gesture/react":"^10.3.1","tailwind-scrollbar-hide":"^4.0.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.2.4","react":"^19.2.0","eslint":"^9.39.1","globals":"^16.5.0","react-dom":"^19.2.0","@eslint/js":"^9.39.1","tailwindcss":"^4.1.18","@types/react":"^19.2.5","@types/react-dom":"^19.2.3","@tailwindcss/vite":"^4.1.18","@vitejs/plugin-react":"^5.1.1","eslint-plugin-react-hooks":"^7.0.1","eslint-plugin-react-refresh":"^0.4.24"},"peerDependencies":{"react":">=19.0.0","react-dom":">=19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/02_woori-component_0.0.6_1768385007988_0.13475232640943302","host":"s3://npm-registry-packages-npm-production"}},"0.0.7":{"name":"02_woori-component","version":"0.0.7","type":"module","main":"./dist/index.umd.js","module":"./dist/index.es.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"},"./style.css":"./dist/02_woori-component.css"},"scripts":{"dev":"vite","build":"vite build","lint":"eslint .","preview":"vite preview","prepublishOnly":"npm run build"},"dependencies":{"@use-gesture/react":"^10.3.1","tailwind-scrollbar-hide":"^4.0.0"},"devDependencies":{"@eslint/js":"^9.39.1","@tailwindcss/vite":"^4.1.18","@types/react":"^19.2.5","@types/react-dom":"^19.2.3","@vitejs/plugin-react":"^5.1.1","eslint":"^9.39.1","eslint-plugin-react-hooks":"^7.0.1","eslint-plugin-react-refresh":"^0.4.24","globals":"^16.5.0","react":"^19.2.0","react-dom":"^19.2.0","tailwindcss":"^4.1.18","vite":"^7.2.4"},"peerDependencies":{"react":">=19.0.0","react-dom":">=19.0.0"},"gitHead":"d20b45b114ce1e2e54d22105aee7d9c4b3aef2ab","_id":"02_woori-component@0.0.7","description":"금융앱에서 사용할만한 컴포넌트 설계/구현/배포","_nodeVersion":"24.12.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-rL/XdxNOlauymYoUtHOIBFZY02DqYlO0J9z0HU/9E/ZBwyH5A3TDjdrQ5xPTIxG9HcbBg5BFg6nawZ0zQ2R/gA==","shasum":"1d4d55817a1dd528dccfaa09f77c9761f7980dd6","tarball":"https://registry.npmjs.org/02_woori-component/-/02_woori-component-0.0.7.tgz","fileCount":13,"unpackedSize":845954,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIEGgK+Mv7xVQmehMm9hzP0ZfUKZukmFlcZLFyoLiDcq2AiEAirmzgq/tvnYrxF2iAD63LhTMRo8mfqPTT/p7T297rZM="}]},"_npmUser":{"name":"seonjiwon","email":"tommys915@gmail.com"},"directories":{},"maintainers":[{"name":"seonjiwon","email":"tommys915@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/02_woori-component_0.0.7_1768385359126_0.6689749578875888"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-14T09:16:45.121Z","modified":"2026-01-14T10:09:19.489Z","0.0.2":"2026-01-14T09:16:45.524Z","0.0.3":"2026-01-14T09:48:41.883Z","0.0.4":"2026-01-14T09:56:48.131Z","0.0.5":"2026-01-14T10:00:07.186Z","0.0.6":"2026-01-14T10:03:28.220Z","0.0.7":"2026-01-14T10:09:19.390Z"},"description":"금융앱에서 사용할만한 컴포넌트 설계/구현/배포","maintainers":[{"name":"seonjiwon","email":"tommys915@gmail.com"}],"readme":"금융앱에서 사용할만한 컴포넌트 설계/구현/배포\n\n1. 금융 도메인에서 사용하는/할만한 컴포넌트 설계 및 구현\n\n컴포넌트 설계/구현 시 고려할 부분\n\n-   재사용성(컴포넌트를 설치해서 사용하는 실제 사용자 관점)\n-   외부 모듈 의존도(컴포넌트를 유지보수하는 개발자 관점)\n\nex. 보안 키패드\n\n-   숫자 위치 랜덤\n-   숫자가 클릭될 때마다 랜덤으로 다른 버튼들도 클릭효과 처리하기\n-   입력 시 화면에 표시될 실제 값은 마스킹 처리(● ● \\_ \\_ )\n-   클립보드 복사 기능 차단\n\n그 외\n\n-   PIN/간편비밀번호 입력용 컴포넌트\n-   OTP / 인증코드\n-   계좌번호 or 금액 입력\n-   거래 진행 상태 등\n\n2. npm 모듈로 빌드하여 배포\n\n추후 최종 프로젝트에서 필요에 따라 설치하여 사용할 수 있도록 배포 및 설치하여 테스트(추후)\n(실제 NPM에 배포하는 과정은 NPM에게 검수를 받기까지 다소 시간이 걸릴 수 있음)\n","readmeFilename":"README.md"}