1. 개요

업종회원·고객 자료를 쇼핑몰·예약·고객관리 프로그램으로 옮기는 모든 업종
사이트 목적옮길 고객 파일을 기존 고객번호와 대조해 형식 오류와 번호 충돌을 나누고, 건수를 확인한 뒤에만 정상 신규 자료를 내려받게 하는 검수 도구
제작 범위주소가 있는 화면 2개(검수·검수 기록) · 4단계(파일 넣기 → 열 연결 → 시험 이전 → 검토·받기) · 검사 규칙 8가지 · 예시 고객 파일 36행과 기존 번호 103개
주요 흐름파일 두 개 넣기 → 열 자동 연결 → 시험 이전 → 정상·자동 정리·오류·충돌 확인 → 건수 확인 → 정상 신규 CSV·오류 행 CSV → 검수 기록 다시 열기

올린 파일, 열 연결, 시험 이전 결과, 건수 확인 표시, 검수 기록(최근 20회)은 브라우저에 저장됩니다. 새로고침하거나 다시 들어와도 그대로 남아 있습니다.

범위 밖: 새 시스템에 직접 넣기(이 도구는 넣을 파일을 만들어 줍니다), 기존 자료 수정·덮어쓰기, 엑셀(xlsx) 파일 직접 읽기, 여러 기기에서 같은 기록을 함께 쓰는 서버 저장.

2. 과제

1. 옮긴 다음에 틀린 걸 알면 되돌리기 어렵다.

새 시스템에 넣고 나서 전화번호 모양이 제각각이거나 이름이 빈 회원을 발견하면 하나씩 찾아 고쳐야 합니다. 넣기 전에 어떤 행이 문제인지 알아야 합니다.

2. 이미 있는 고객을 덮어쓰면 안 된다.

같은 고객번호가 새 시스템에 이미 있으면 기존 자료가 사라질 수 있습니다. 충돌하는 번호는 정상 자료와 섞이지 않게 따로 모아야 합니다.

3. "몇 건 옮겼는지"가 맞아야 끝난다.

전체 몇 건 중 몇 건이 넘어가고 몇 건이 빠졌는지 숫자로 확인해야 다음 단계로 넘어갈 수 있습니다. 숫자를 보지 않고 받는 일이 없어야 합니다.

3. 화면 구조

검수는 첫 화면에서 01~04 단계 순서로 진행합니다. 앞 단계가 끝나야 다음 단계가 열리고, 입력이 바뀌면 시험 이전을 다시 해야 검토·받기가 열립니다. 검수 기록은 주소가 따로 있어 지난 실행을 다시 열 수 있습니다.

4. 주요 기능

시험 이전과 네 가지 건수 화면

시험 이전과 네 가지 건수

실제로 옮기지 않고 결과만 계산해 정상 신규 · 자동 정리 · 오류 · 기존 번호 충돌 건수를 나눕니다. 예시 파일 36행은 정상 25(그중 자동 정리 5) · 오류 8 · 충돌 3으로 나뉩니다. 숫자를 누르면 그 행들만 표로 보입니다.

오류 행과 사유 화면

오류 행과 사유

행마다 걸린 칸을 빨갛게 표시하고 사유를 붙입니다. 이메일 형식 오류, 이름 없음, 휴대폰 자릿수 오류, 없는 날짜(2월 30일), 파일 안 중복 번호, 목록에 없는 등급, 연락처 모두 없음, 고객번호 형식 오류를 따로 알려 줍니다.

건수를 확인해야 열리는 내려받기 화면

건수를 확인해야 열리는 내려받기

"정상 신규 25행만 옮기고, 오류 8행·충돌 3행은 따로 받아 원본을 고친다"에 체크해야 받기 버튼이 열립니다. 정상 신규 CSV에는 충돌 번호가 들어가지 않고, 오류 행 CSV에는 원본 값과 사유 칸이 함께 담깁니다.

검수 기록 다시 열기 화면

검수 기록 다시 열기

시험 이전을 실행할 때마다 시각·파일 이름·건수가 기록으로 남습니다. 기록을 열면 그때의 파일과 열 연결로 다시 검토하고, 필요 없는 기록은 삭제합니다.

  • 기존 번호 충돌기존 고객번호 목록에 이미 있는 번호는 오류가 없어도 충돌로 따로 모읍니다. 덮어쓰지 않도록 정상 신규 자료에서 빠집니다.
  • 모양만 다른 값은 자동 정리01000000010 같은 휴대폰 번호는 010-0000-0010으로, 2026.3.12 같은 날짜는 2026-03-12로, 대문자·공백이 섞인 이메일은 소문자로 정리하고 어떤 칸을 고쳤는지 표시합니다. 머리글이 달라도(회원번호·성명·연락처 등) 이름으로 자동 연결합니다.

5. 기술

반응형900·640px 기준으로 배치가 바뀝니다. PC는 단계 제목과 내용이 좌우로 놓이고 건수 칸 네 개가 한 줄, 900px 아래는 제목이 내용 위로 올라가고 건수 칸이 두 줄로 나뉘며, 640px 아래는 파일 칸·열 연결이 한 줄씩 쌓이고 결과 표가 행마다 카드로 바뀝니다.
글꼴본문 Pretendard, 번호·날짜 Space Mono(둘 다 무료 공개 글꼴). 이 화면에 쓰인 글자만 남겨 세 파일 합쳐 109KB로 줄였습니다.
이미지사진이 없는 업무 화면입니다. 단계 표시와 건수 표는 CSS로 그렸습니다.
움직임결과로 부드럽게 내려가는 스크롤과 알림 문구 외에는 움직임을 넣지 않았습니다.
접근성모든 파일 칸과 열 연결 칸에 이름표를 붙였고, 오류 칸은 색과 사유 글자를 함께 씁니다. 접근성 측정 100점.
사용 기술HTML·CSS·JavaScript(외부 라이브러리 없음). 파일은 브라우저 안에서만 읽고 대조하며 어디에도 전송하지 않습니다. 한글 CSV(EUC-KR)도 읽습니다. 내려받는 CSV는 엑셀에서 한글이 깨지지 않게 저장하고, =·+로 시작하는 값은 엑셀에서 수식으로 실행되지 않게 막습니다.

6. 검수

PC 1440·휴대폰 390 화면에서 실제로 띄워, 사람이 쓰는 순서대로 눌러 본 결과입니다. 저장한 뒤 새로고침하고 다시 조회되는지까지 확인했습니다. (2026-09-23)

항목PC 1440휴대폰 390
화면 오류00
깨진 파일00
가로 넘침·글자 잘림00
동작 시험14 / 14 통과14 / 14 통과

동작 시험 14가지: 첫 화면 표시 · 예시 파일 두 개 넣기와 자동 열 연결 · 시험 이전 실행과 건수 · 오류 행 사유 · 기존 번호 충돌 · 자동 정리 표시 · 건수 확인 전 받기 잠금 · 확인 후 정상 신규 CSV · 오류 행 CSV(원본+사유) · 입력이 바뀌면 다시 실행 요구 · 새로고침 뒤 결과 유지 · 검수 기록 조회·다시 열기 · 다른 머리글 파일 올리기 · 검수 기록 삭제

속도·품질 점수 (100점 만점, 휴대폰은 느린 통신 기준으로 세 번 측정해 같은 값)

성능접근성권장사항검색 최적화
휴대폰100100100100
PC100100100100

휴대폰: 첫 화면 표시 1.2초 · 가장 큰 요소 표시 1.7초 · 화면 흔들림 0.000 · 입력 막힘 0ms PC: 첫 화면 표시 0.3초 · 가장 큰 요소 표시 0.4초 · 화면 흔들림 0.000 · 입력 막힘 0ms

7. 결과

직접 눌러보기 ↗
PC 완성 화면휴대폰 완성 화면
오토건웍스(AutoGun Works) · 대표 박건우 · 사업자등록번호 342-27-02011 · 경기도 용인시 처인구 남사읍 어진로102번길 92-16 · contact@autogun.co.kr
개인정보처리방침