LIVE 데모가상 데이터데이터·대시보드공공

엑셀 기반 자원 대시보드

엑셀 한 번 올리면 검증·미리보기를 거쳐 홈페이지 대시보드가 바뀝니다

여러 기관이 회차마다 엑셀로 모으는 자원 조사표를, 담당자가 올리기만 하면 공개 대시보드로 바꿔 주는 데모입니다. 가상 도시의 협력기관 18곳이 서로 나눈 협력 기관, 공간·물품, 사람·재능 자원을 종합 현황·지도·분포 히트맵·연계 키워드·기관 비교·회차 추이 등 14개 화면으로 보여 주고, 표준 양식 내려받기부터 셀 단위 자동 검증·바뀌는 수치 미리보기·게시·이력과 되돌리기까지 담당자 화면 하나로 끝냅니다. 차트마다 표로 보기를 붙였고, 요약 문장은 수치에서 자동으로 만들어 새 엑셀을 게시하면 문장도 함께 바뀝니다.

엑셀 한 번
올리면 검증·미리보기·게시까지 담당자 혼자
숫자 → 문장
요약 문장이 수치를 따라 자동으로 바뀝니다
고치지 않는 코드
회차가 바뀌어도 개발자에게 수정을 맡기지 않습니다
엑셀 기반 자원 대시보드 데모 화면

실제 데모 화면 · 클릭하면 바로 체험합니다 (가상 데이터)

고객이 얻는 것

실 운영 화면· 엑셀 업로드
엑셀을 올리면, 틀린 셀부터 알려 줍니다 — 데모 화면
엑셀 업로드

엑셀을 올리면, 틀린 셀부터 알려 줍니다

엑셀로 모은 자료를 홈페이지에 올리려면 보통 누군가 숫자를 옮겨 적고 개발자가 화면을 고칩니다. 옮기다 틀린 숫자는 공개된 뒤에야 발견됩니다.

데모로 증명 — 「데이터 관리」에서 표준 양식을 내려받아 채워 올리면, 빈 칸·범위 밖 값·숫자 칸의 글자·음수·없는 권역을 셀 위치와 이유로 먼저 알려 줍니다. 통과하면 이전 회차와 비교해 바뀌는 수치를 미리 보여 주고, 게시한 뒤에도 이력에서 한 번에 되돌립니다. 오류 포함 샘플로 바로 체험할 수 있습니다.

이 화면 체험하기
실 운영 화면· 한눈에 보는 현황
숫자 전시가 아니라, 어디가 강하고 어디가 비었는지 — 데모 화면
한눈에 보는 현황

숫자 전시가 아니라, 어디가 강하고 어디가 비었는지

막대 몇 개로는 기관 사이의 차이와 빈자리가 보이지 않습니다. 조율하는 사람에게 필요한 것은 어디를 먼저 이어 줄지입니다.

데모로 증명 — 종합 현황은 수치에서 자동으로 만든 한 문장으로 시작하고, 기관별 누적 막대·유형별 구성·권역 비교로 이어집니다. 새 엑셀을 게시하면 차트와 요약 문장이 함께 바뀝니다. 차트마다 「표로 보기」를 붙여 화면 낭독기로도 읽힙니다.

이 화면 체험하기
실 운영 화면· 지도·분포
지도와 히트맵으로 빈칸이 먼저 보입니다 — 데모 화면
지도·분포

지도와 히트맵으로 빈칸이 먼저 보입니다

기관 수와 자원 수가 권역마다 달라 합계만으로는 비교가 되지 않습니다.

데모로 증명 — 자원 지도는 구별 분포와 기관 위치를 함께 보여 주고, 분포 히트맵은 기관×자원 유형 칸을 색의 진하기로 칠해 한 번도 연계되지 않은 칸을 드러냅니다. 지도에서 기관을 누르면 요약 창이 열리고, 거기서 기관 상세로 이어집니다.

이 화면 체험하기
실 운영 화면· 연계 기회
누가 누구를 도울 수 있는지까지 계산합니다 — 데모 화면
연계 기회

누가 누구를 도울 수 있는지까지 계산합니다

빈칸을 찾아도 어디서 채울지는 다시 사람이 찾아야 합니다.

데모로 증명 — 보완·연계 기회는 한 기관에서 비었거나 권역 평균보다 크게 적은 자원 유형을, 가능하면 같은 권역 안에서 먼저 그 유형이 가장 많은 기관과 짝지어 연계 후보로 보여 줍니다(권역 안에 없으면 전체 기관에서 찾습니다). 기관 비교로 2~3곳을 나란히 보고, 새 회차를 게시하면 회차 추이가 이전 회차보다 늘고 준 곳을 계산합니다.

이 화면 체험하기

아키텍처 & 기술 구성

사용자 · 브라우저
프론트엔드
외부 라이브러리 없는 바닐라 JS 본체(공용 고지·데모바만 React) · 인터랙티브 SVG 차트 · 14개 화면 · 반응형 · 차트별 표로 보기(웹 접근성)
데이터
브라우저 안에서 엑셀(.xlsx)을 읽는 자체 파서 · 셀 단위 검증 규칙 · 회차별 이력 / 데모는 가상 도시·가상 기관 데이터
인프라
S3 + CloudFront 정적 배포 / (실서비스) 담당자 로그인·게시 API·회차별 저장을 AWS 서버리스로일부 실서비스 구성
운영
기존 기관 홈페이지 메뉴에 넣는 삽입 코드 · 담당자 교육 후 개발자 없이 회차 갱신

기술 스택

엑셀 업로드데이터 검증데이터 시각화웹 접근성AWS 서버리스

데이터 · 처리 흐름

1

표준 양식 내려받기

현재 게시된 수치가 채워진 엑셀

2

엑셀 올리기

브라우저에서 바로 읽기

3

자동 검증

틀린 셀의 위치와 이유

4

미리보기

이전 회차와 비교해 바뀌는 수치

5

게시·되돌리기

홈페이지 대시보드 갱신 · 이력에서 복원

빌드업웍스와 함께라면

엑셀로 모으던 자료를 담당자가 직접 올리는 공개 대시보드로, 화면·검증·AWS 운영까지 한 팀이 함께 만듭니다.

한 팀이 끝까지 책임

AWS 인프라·보안·개발을 따로 발주하지 않으셔도 한 팀이 맡습니다. 업체 사이를 조율하시는 부담과 책임 소재를 가리는 일이 없어집니다.

만든 팀이 운영까지

출시가 끝이 아닙니다. 만든 팀이 모니터링·비용 최적화·장애 대응(MSP)까지 맡아 서비스가 자라는 동안 함께합니다.

보안은 기본값

출시 후 덧붙이는 게 아니라 설계 단계부터 보안을 반영해, 사고·규제 리스크를 미리 줄입니다.

검증된 클라우드 파트너

AWS Select Partner · Cloudflare Partner. 안정성과 비용 효율을 함께 잡은 인프라를 설계·운영합니다.

이런 서비스가 필요하신가요?

개발 · 인프라(AWS · Cloudflare) · 보안을 한 팀에서. 상담은 무료입니다.

AWS Select PartnerCloudflare Partner
빌드업웍스 문의

이 데모를 우리 회사에 맞게 적용하려면?

현재 업무 방식과 필요한 기능을 알려주시면, 비슷한 시스템을 어떤 범위·일정으로 만들 수 있는지 1차로 정리해 드립니다.