INIHUB 통합 인증 모달
다양한 인증 수단(간편인증·본인인증·2차 인증)을 하나로 통합하는 모달 UI를 재구성한 예시입니다. 인증 수단 선택 → 정보 입력 → 인증 대기 → PIN(2차) → 완료까지 단계별 흐름을 직접 체험할 수 있습니다.
Cloud 형 (Vue 3 / TypeScript) · On-premise 형 (Vue 2 / JavaScript) 두 배포 형태로 개발한 제품입니다. (본 데모는 React로 재구성)
재구성한 예시 UI이며, 실제 제품 화면·로고·데이터가 아닙니다. 인증 수단은 컬러 배지로 대체했고 입력값은 동작하지 않습니다.
INIHuB
빠르고 편리한 간편인증
상세 기술 스택
두 배포 형태(On-premise / Cloud)의 기술 구성 비교입니다.
On-premise · Vue 2 / JSCloud · Vue 3 / TS
프레임워크
On-premise (Vue 2 / JS)
Vue 2.6
Cloud (Vue 3 / TS)
Vue 3.2
언어
On-premise (Vue 2 / JS)
JavaScript
Cloud (Vue 3 / TS)
TypeScript 4.9
빌드
On-premise (Vue 2 / JS)
Vue CLI 4
Cloud (Vue 3 / TS)
Vue CLI 5
상태 관리
On-premise (Vue 2 / JS)
Vuex 3
Cloud (Vue 3 / TS)
Vuex 4vuex-module-decorators
컴포넌트 스타일
On-premise (Vue 2 / JS)
Options API
Cloud (Vue 3 / TS)
vue-class-componentvue-property-decorator
스타일
On-premise (Vue 2 / JS)
Sass / SCSS (node-sass)
Cloud (Vue 3 / TS)
Sass / SCSS (dart-sass)
HTTP
On-premise (Vue 2 / JS)
axios 0.21
Cloud (Vue 3 / TS)
axios 1.3
i18n
On-premise (Vue 2 / JS)—
Cloud (Vue 3 / TS)
vue-i18n 9
기타
On-premise (Vue 2 / JS)
jQueryvue-slick-carouselvuedraggablecss-vars-ponyfill
Cloud (Vue 3 / TS)
FocusTrap네이티브 CSS 변수 테마