데모플랫폼·매칭01
공조 시공 견적·채팅·모의 대금 보류 매칭
고객·업체·관리자 역할을 바꿔 가며 견적과 채팅, 모의 결제부터 정산까지 이어지는 흐름을 눌러 볼 수 있습니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다WORK
눌러 보실 수 있는
작업 49개
맨 앞 3건은 실무에서 설계·개발한 시스템이고, 그 아래 46개는 저희가 직접 설계하고 만들어, 열어 보실 수 있게 띄워 둔 데모입니다. 데모 안에 든 것은 모의 데이터이고, 동작과 화면 흐름을 그대로 보실 수 있도록 핵심 기능만 남겨 두었습니다. 카드를 누르면 무엇을 보면 되는지 먼저 읽으실 수 있습니다.
실무 시스템 03
그룹웨어는 더미 데이터로 채운 체험 화면으로, 폐쇄망 두 건은 합성 문서로 만든 공개 UI 시연과 화면 캡처로 확인하실 수 있습니다.
데모 46
46개 중 12개 표시
데모
데모커머스·예약02
골프 티타임 예약·운영 플랫폼 데모
예약 한 건이 입금 확인·공급사 응답·취소 조정까지 같은 번호로 이어지는 과정을 가상 자료로 눌러 볼 수 있습니다.
HTMLCSS
열기 — 새 탭에서 열립니다
데모홈페이지·CMS03
동물구조단체 홈페이지와 독립 CMS
가상 단체 홈페이지에서, 관리 화면으로 숨긴 동물이 방문자에게는 서버에서 막히는(404) 것을 확인합니다.
Next.jsPayload CMS
열기 — 새 탭에서 열립니다
데모플랫폼·매칭04
창호 실측지 사진 판독과 가견적
합성 실측지를 시연 모드로 판독해 확인할 칸을 고치고, 견적DB 버전 근거로 가견적을 내 봅니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모앱·위젯05
한 줄로 붙는 쇼핑몰 사이즈 추천 위젯
기존 사이트를 고치지 않고 한 줄만 넣으면, 방문자가 맞는 사이즈를 바로 확인합니다.
Next.jsTypeScript / React
열기 — 새 탭에서 열립니다
데모커머스·예약06
여행사 좌석·예약·손익 콘솔 데모
출발행사를 좌석·예약·손익의 기준 하나로 묶어, 중복 주문 이벤트가 와도 좌석이 두 번 확정되지 않습니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모운영 콘솔07
거래소 수수료 페이백 정산 콘솔
거래소 5곳의 수수료를 모아 회원별 페이백을 계산하고, 중복 없이 출금 승인까지 처리합니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모AI·문서08
사이트에 한 줄로 붙는 AI 챗봇 위젯
챗봇 창의 대기·실패 안내와 근거 펼침을 볼 수 있고, 답이 실시간 AI인지 모의 응답인지 창에 표시됩니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모현장·도면·3D09
도면 비계 개략 물량과 3D 외관
가상 건물 도면(DXF)으로 3D 외관을 세우고, 층고를 고치면 3D와 개략 비계 면적이 함께 바뀝니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모현장·도면·3D10
제조 품질검사 태블릿·PC 대시보드
현장 태블릿에 입력한 불량 수량이 PC 대시보드 불량률과 경보로 바로 이어지는 흐름을 볼 수 있습니다.
HTMLCSS
열기 — 새 탭에서 열립니다
데모AI·문서11
연구용 챗봇 대화 수집 데모
참가자 대화를 저장 방식 두 가지로 동시에 흘려, 어느 쪽에서 기록이 사라지는지 비교하는 데모입니다.
JavaScriptNode.js
열기 — 새 탭에서 열립니다
데모현장·도면·3D12
현장 작업 배정·안전 확인 웹
가상 현장에서 작업 배정, 작업자 휴대폰 안전 확인, 작업 시작 승인, 일지 점검을 이어 눌러 봅니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모앱·위젯13
레슨노트 코치·보호자 앱 웹 시안
코치가 쓴 레슨노트가 코치 확인을 거쳐 보호자 화면에 공개되는 흐름을 웹 시안에서 역할을 바꿔 볼 수 있습니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모커머스·예약14
고전 영상 구독 서비스 데모
미구독부터 결제 실패·유예·해지까지 구독 상태 7단계가 어떻게 갈라지는지 눌러 볼 수 있습니다.
JavaScriptHTML / CSS
열기 — 새 탭에서 열립니다
데모플랫폼·매칭15
비철금속 B2B 거래 플랫폼 데모
계근부터 정산까지 단계 규칙을 화면에서 바꾸면 거래 12건의 다음 조치가 즉시 재계산됩니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모데이터·대시보드16
4채널 광고 성과 통합 집계 콘솔
메타·구글애즈·카카오·네이버 광고 지표를 한 화면에 모으고 뒤늦게 바뀌는 과거 수치까지 추적합니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모운영 콘솔17
등급별 응답 목표를 세는 웹·앱 유지보수 콘솔
가상 웹·앱 서비스 하나로 장애 접수, 점검 달력, 작업시간, 인수인계, 월간 보고서를 한 콘솔에서 봅니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모AI·문서18
손글씨 수학 풀이 진단·선생님 검수 웹
AI 호출 없이 미리 작성한 진단 예시로, 사진 검사부터 선생님 검수까지 이어지는 흐름을 눌러 봅니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모홈페이지·CMS19
도서 통합 검색과 예전 QR 주소 301 검증
가상의 두 도서 사이트를 합친 웹 앱에서, 인쇄된 예전 QR 주소 50개가 새 주소로 넘어가는지 확인합니다.
JavaSpring Boot
열기 — 새 탭에서 열립니다
데모운영 콘솔20
대용량 점검자료 분할 업로드 콘솔
끊긴 업로드를 남은 파트만 이어 올리고, 빠진 파일을 이름으로 짚어 내는 흐름을 눌러 볼 수 있습니다(가상 점검 건).
JavaScriptNode.js
열기 — 새 탭에서 열립니다
데모운영 콘솔21
전시 쇼케이스 관제 시뮬레이터 콘솔
실제 기기 대신 브라우저 안 시뮬레이터 쇼케이스 12대로 상태 감시·원격 명령·감사로그를 눌러 볼 수 있습니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모앱·위젯22
여행 숏폼 영상 템플릿 자동 생성
방문 기록의 사진과 현장 영상으로 브라우저가 15~20초 9:16 영상 파일을 만들고, 내려받을 수 있습니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모앱·위젯23
3D 가발 얼굴 정렬·착용 체험
카메라 없이도 마네킹 머리에 3D 가발 4종을 씌우고, 정렬 단계를 끄고 켜며 비교해 봅니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모운영 콘솔24
시설물 평가 배분 PC 프로그램(웹 열람판)
Windows 업무 프로그램이 남긴 동시 저장 점검 기록과 화면을 웹 열람판에서 다시 재생해 봅니다.
PythonPySide6
열기 — 새 탭에서 열립니다
데모현장·도면·3D25
QR로 받아 출력하는 팝업 현장 사진 대기열
방문자 휴대폰에서 현장 PC로 가는 사진 전송·출력·복구 흐름을 같은 브라우저의 탭 두 개로 재현합니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모홈페이지·CMS26
가상 법무법인의 집단소송센터와 관리 화면
가상 법인 사이트의 관리 화면에서 사건을 발행하고, 모집 마감과 팝업이 시각에 맞춰 바뀌는 모습을 봅니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모홈페이지·CMS27
컬러 사전과 나의 컬러 찾기 콘텐츠 사이트
색 이름을 한글·초성·HEX로 찾고, 관리 화면에서 고친 내용이 사이트에 바로 나오는 것을 봅니다(브라우저 저장).
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모앱·위젯28
한 줄로 붙는 입양·임시보호 목록 위젯
가상 동물 24마리의 입양 목록 위젯에서 필터·상태 기록·디자인 충돌 시험을 눌러 봅니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모현장·도면·3D29
DXF 도면 비계·동바리 개략 물량 산출
가상 건물 도면 3동(DXF)의 인식 결과를 고쳐 보고, 근거가 붙은 개략 물량과 견적 요청까지 눌러 봅니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모운영 콘솔30
공공 문서 대량 발급 운영 콘솔
주소 목록을 넣으면 건별 발급 경로와 실비가 어떻게 잡히는지 한 화면에서 확인하는 데모입니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모데이터·대시보드31
국제 금 시세 환산 콘솔 데모
가상 시세 스트림으로 온스·그램·돈을 동시 환산하고, 값이 늦거나 끊길 때의 화면 동작을 보여드립니다.
HTML/CSSVanilla JavaScript
열기 — 새 탭에서 열립니다
데모운영 콘솔32
연도별 종합소득세 계산·판정 콘솔
귀속연도만 바꾸면 대상자 18명의 세액과 자동·수기 판정이 코드 수정 없이 다시 계산됩니다.
바닐라 JavaScriptHTML
열기 — 새 탭에서 열립니다
데모운영 콘솔33
한도 초과를 막는 평가위원 배정 API
동시 요청이 몰려도 한도 초과 배정을 데이터베이스에서 막고, 끄고 켠 결과를 나란히 보여드립니다.
Java 17Spring Boot 3.3.5
열기 — 새 탭에서 열립니다
데모데이터·대시보드34
신규 사업자 연락처 매칭 콘솔
신규 사업자 명단에 전화번호를 붙이는 과정과 매칭률의 분모를 화면에서 확인할 수 있는 데모입니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모데이터·대시보드35
외부 콘텐츠 수집 컴플라이언스 콘솔
외부 글을 모을 때 robots 규칙을 지켰는지 요청 한 줄씩 남기고, 준수율까지 계산해 보여 줍니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모플랫폼·매칭36
러시아어권 이주민 주거정보 플랫폼
언어 토글 하나로 매물 제목·주소까지 러시아어로 바뀌고, 등록→승인→공개가 실제로 이어지는 데모입니다.
HTMLCSS
열기 — 새 탭에서 열립니다
데모커머스·예약37
공간 대여 예약·운영 데모
공간·시간 선택부터 안내 실패 처리, 자료 대조, 전환 복구까지 가상 예약 원장 하나로 이어 볼 수 있습니다.
HTMLCSS
열기 — 새 탭에서 열립니다
데모커머스·예약38
가방 부품 쇼룸·제품 연결 편집 데모
가방 사진의 부품을 눌러 가상 제품을 찾고, 운영자의 제품·연결 편집이 구매자 화면에 반영되는 쇼룸입니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모플랫폼·매칭39
지역 샵 지도·운영 웹 데모
공개 지도 위 가상 샵 80곳을 지도와 목록에서 함께 고르고, 숨김이 공개 화면에 반영되는지 볼 수 있습니다.
HTMLCSS
열기 — 새 탭에서 열립니다
데모홈페이지·CMS40
학부모 상담 랜딩·모의 접수 데모
교육 서비스 랜딩에서 모의 접수, 문구 편집, 상담·이벤트 기록까지 가상 시나리오로 이어서 볼 수 있습니다.
HTMLCSS
열기 — 새 탭에서 열립니다
데모홈페이지·CMS41
연구자료 아카이브 이관 검증 데모
가상 연구자료 2,000건을 옮긴 뒤 원본과 이관본을 대조한 결과를 읽기 전용 아카이브에서 볼 수 있습니다.
WordPress(로컬 이관 검증)PHP
열기 — 새 탭에서 열립니다
데모현장·도면·3D42
평면 도면 보정·3D 뷰어 데모
가상 평면의 열린 벽을 보정·승인한 뒤에만 3D 모델과 JSON·SVG·GLB 파일로 이어지는 흐름을 볼 수 있습니다.
JavaScriptTypeScript
열기 — 새 탭에서 열립니다
데모앱·위젯43
카드를 끌어 맞추는 5×5 퍼즐 패드 웹앱
카드를 끌어 놓고 돌려 도안과 같은 그림을 만드는 가상 퍼즐 12문제를 직접 풀어 볼 수 있습니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모앱·위젯44
당류·나트륨을 각설탕으로 보여주는 뷰어
바코드를 읽어 당류를 각설탕 개수로 바꿔 보여 주고, 그 수치가 어느 데이터에서 나왔는지도 함께 적습니다.
JavaScriptHTML
열기 — 새 탭에서 열립니다
데모AI·문서45
AI 동화 파이프라인 검증 콘솔
AI로 동화 한 권을 만들 때의 시간·비용과 못 하는 것까지 실행 기록으로 확인합니다.
JavaScriptNode.js
열기 — 새 탭에서 열립니다
데모플랫폼·매칭46
VC 포트폴리오 80개사 디렉토리
가상 투자사의 80개사를 섹터·상태로 걸러 찾고, 영문·국문 페이지가 1:1로 이어지는 디렉토리입니다.
Next.jsTypeScript
열기 — 새 탭에서 열립니다