오늘의 구성 · 60분

자료 진단 → 설계 → 제작 → 검증 → 보고·운영을 하나의 실습으로 이어 갑니다.

외부에 맡기기 전,
검토할 시안을 직접 만듭니다

Codex에서 파일을 이어 만드는 흐름

오늘의 도착점은 내부 검토 시안입니다. 실제 접수와 공개는 별도 승인 뒤 진행합니다.

승인 기준을 옆에 놓고 시작합니다

한결물류·박OO 대표는 가명이며, 모든 수치와 그림은 교육용 예시입니다.

Codex 준비

화면 이름 기준: 시작 안내의 확인표 · 2026-11-04 · OpenAI 공식 안내

허락 묻는 창이 뜨면

오늘 쓸 재료

ZIP을 먼저 내려받아 압축을 풀면 바로 작업 폴더로 쓸 수 있습니다.

일부러 남겨 둔 실무의 흔적

• 서비스명: 한결당일출고 / 한결 당일 출고 / 한결 당일출고
• 마감시간: 예전 메모 오후 4시 ↔ 승인 기준 오후 3시
• 문의번호 Q001~Q012: 같은 내용이 한 번씩 더 들어 있음
• 유입구분 6건·월주문건수 9건: 빈칸 그대로

STEP 1 · 폴더 자료 함께 읽기

문의기록_가상.xlsx, 서비스정보_가상.docx, 서비스승인기준_가상.pdf를 같이 읽어 봐.
센터안내_가상.png, 출고흐름_가상.png, 재고화면_가상.png도 봐줘.
다른 말과 빈칸을 항목·자료 이름·쪽수·정할 일로 적어줘. 승인 날짜가 있는 자료를 먼저 봐줘.
없는 건 짓지 말고 (확인 필요)로 남겨줘. 원본은 두고 결과 폴더에 진단메모.txt로 저장해줘.

진단 메모 결과 예시 · 기준과 차이를 한눈에

예시 · 진단 메모를 직접 열어 근거 자료와 쪽수를 비교합니다.

중복·표기·빈칸, 처리 방법이 다릅니다

STEP 2 · 문의 기록 정리하기

진단메모.txt 보고 문의기록_가상.xlsx를 정리해줘.
번호와 내용이 같은 중복만 빼고, 같은 뜻의 이름은 맞춰줘. 빈칸은 채우지 마.
결과 폴더에 정리와검산.xlsx로 저장해줘. 시트는 정리본·중복목록·보류목록으로 해줘.
정리본 칸은 문의번호·접수일·유입구분·월주문건수·주된질문·상담상태·서비스표기 순으로 해줘.

정리 결과 예시 · 빠진 행을 추적합니다

예시 · 빈칸 보류는 문의 삭제가 아닙니다. 제외 이유까지 엑셀에서 확인하세요.

STEP 3 · 엑셀로 숫자 다시 계산하기

정리와검산.xlsx에 검산 시트를 더해줘. 칸은 항목·건수·비율·확인기준으로 해줘.
비용·마감시간·재고확인·반품·합계·상담예약 순으로 세어줘. 비율은 정리한 문의 전체로 나눠줘.
건수와 비율은 누르면 계산식이 보이게 해줘. 결과 폴더에 정리와검산.xlsx로 다시 저장해줘.

숫자 재계산 예시 · 40%는 어디서 왔나

복사본에서 비용 질문 1건을 반품으로 → 비용 119건 · 반품 31건 · 합계 300건

여기까지 만든 것 · 진단

페이지의 목표 · 읽고, 이해하고, 살펴보기

예시 · 한 페이지에서 서비스 이해가 상담 안내로 이어지게 만듭니다.

질문 비중 예시 · 설명 순서를 정하는 근거

STEP 4 · 한 페이지 순서 정하기

진단메모.txt랑 정리와검산.xlsx 보고 페이지 순서를 짜줘.
첫 화면·대상·서비스·출고 흐름·요금과 조건·자주 묻는 질문·상담 안내 순서로 해줘.
표의 칸은 부분·보여줄 내용·근거 자료·쪽수로 해줘.
결과 폴더에 페이지설계.docx로 저장해줘.

설계 결과 예시 · 위에서 아래로

페이지설계.docx 예시 · 부분별 근거 자료와 쪽수는 설계 문서에 함께 남깁니다.

근거 있는 설명과 빈 약속을 가릅니다

STEP 5 · 화면 문장과 그림 자리 확정

페이지설계.docx에 문장·그림 파일·설명·근거 쪽수 칸을 더해줘.
센터안내_가상.png, 출고흐름_가상.png, 재고화면_가상.png의 자리를 적어줘.
문장은 짧게, 그림은 가상이라고 써줘. 없는 후기나 요금은 넣지 마.
결과 폴더에 페이지설계.docx로 다시 저장해줘.

문장·그림 배치 결과 예시

예시 재고 120개·80개·45개 · 문장과 근거 쪽수는 페이지설계.docx에서 함께 확인합니다.

중간 점검 · 이것만 읽어도 이해되나

• 첫 화면에서 대상과 서비스가 바로 보인다
• 오후 3시 전 주문과 당일 출고의 뜻이 분명하다
• 월 15만 원은 기본료이며 출고요금은 별도다
• 공개 전 정할 문의처·세부 조건이 설계에 남아 있다

여기까지 만든 것 · 설계

• 정리·검산 결과를 이어 받은 페이지 설계 워드
• 부분별 문장 + 근거 자료·쪽수
• 그림 3장의 자리와 가상 자료 표시
• 다음 재료: 확정한 페이지 설계 + 승인 기준 + 그림

Codex의 답변에서 폴더의 파일로

STEP 6 · 설계대로 한 페이지 만들기

페이지설계.docx랑 서비스승인기준_가상.pdf 보고 밝고 읽기 쉬운 웹 시안을 만들어줘.
센터안내_가상.png, 출고흐름_가상.png, 재고화면_가상.png도 넣어줘.
그림까지 한 파일에 담아 결과 폴더에 한결랜딩페이지.html로 저장해줘.
내부 검토 시안이라고 쓰고, 실제 접수는 넣지 마.

제작 결과 예시 · 첫 화면에서 볼 4가지

적용 조건은 상담 확인 · 실제 만든 파일에서 제목·대상·출고 기준·요금 구성이 보이는지 살펴봅니다.

화면 결과 예시 · 읽는 흐름

STEP 7 · 그림과 설명 맞추기

한결랜딩페이지.html을 페이지설계.docx에 맞춰 고쳐줘.
센터안내_가상.png는 센터, 출고흐름_가상.png는 출고, 재고화면_가상.png는 재고 설명 옆에 둬줘.
가상 그림 표시와 짧은 설명을 붙여줘. 휴대폰 폭에서도 그림이 잘리지 않게 해줘.
그림까지 한 파일에 담아 결과 폴더에 한결랜딩페이지.html로 다시 저장해줘.

그림 반영 결과 예시 · 설명과 짝이 맞나

예시 · 그림을 읽어 주는 설명까지 확인합니다. 수정은 한결랜딩페이지.html에 반영합니다.

실습 이미지 3장 · 실제 파일 확인

센터 안내

설명용 가상 그림

출고 흐름

설명용 가상 그림

재고 화면

설명용 가상 그림

STEP 8 · 버튼과 질문 눌러 보기

한결랜딩페이지.html의 상담 내용 미리 보기 버튼을 누르면 아래 시안 안내로 가게 해줘.
자주 묻는 질문은 눌러서 펼치고 접게 해줘. 입력하거나 보내는 기능은 넣지 마.
실제 접수 없음 표시를 남겨줘. 결과 폴더에 한결랜딩페이지.html로 다시 저장해줘.

폴더에 생긴 파일 확인하기

고친 뒤 새로 열어 마지막 수정까지 확인합니다. 파일이 없다면 같은 이름으로 저장을 다시 부탁하세요.

내 결과를 본 뒤 참고본과 비교합니다

기존 원본 안내는 이전 도구 기준입니다. 이번에는 Codex 시작 안내를 따르세요.

여기까지 만든 것 · 만들기

• 그림이 포함된 한결랜딩페이지.html
• 첫 화면·대상·서비스·흐름·요금·질문·상담 안내
• 눌러 움직이는 버튼과 펼쳐 보는 질문
• 다음 재료: 저장한 웹 시안 + 페이지 설계 + 승인 기준

검사 기록은 이렇게 남깁니다

검사기록.xlsx의 검사 시트에 남깁니다. 직접 보지 못한 곳은 미확인으로 적으세요.

STEP 9 · 작은 화면까지 검사하기

한결랜딩페이지.html을 큰 화면이랑 휴대폰 폭으로 봐줘.
글자와 그림 겹침, 가로 밀림, 버튼과 질문이 안 되는 곳을 찾아줘. 못 본 건 미확인으로 적어줘.
결과 폴더에 검사기록.xlsx로 저장해줘. 검사 시트의 칸은 화면·살펴본 곳·결과·고칠 일·다시 본 결과로 해줘.

작은 화면 검사 결과 예시

마우스 없이도 움직여 봅니다

• 탭 키로 버튼과 질문까지 차례로 이동한다
• 지금 어디에 있는지 테두리로 보인다
• 엔터 키나 띄어쓰기 키로 질문을 펼칠 수 있다
• 글자를 200%로 키워도 내용을 읽을 수 있다

숫자와 약속 · 승인 문서 옆에서 대조

STEP 10 · 틀린 결과 바로잡기

검사기록.xlsx 보고 한결랜딩페이지.html을 고쳐줘.
오후 4시가 남았으면 3시로 고쳐줘. 월 15만 원은 기본료이고 출고요금은 별도라고 써줘.
결과 폴더에 한결랜딩페이지_검토본.html로 저장해줘.
수정기록.txt에는 고친 곳·다시 본 결과·남은 일을 적어줘. 검사기록.xlsx의 검사 시트도 맞춰줘.

수정 결과 예시 · 바뀐 자리까지 확인

가정한 오류 연습 · 한결랜딩페이지_검토본.html과 수정기록.txt를 함께 열어 비교합니다.

고친 파일을 새로 열어 봅니다

• 한결랜딩페이지_검토본.html 저장 여부를 확인한다
• 열려 있던 창 대신 파일을 새로 열어 본다
• 검토한 버전의 이름과 날짜를 메모한다
• 원본·검토 중·최종 검토본을 혼동하지 않는다

최종 점검 · 공개 전에 멈출 항목

• 서비스명·시간·시작일·기본료가 승인 기준과 같다
• 가로 밀림·글자 겹침을 확인했고 버튼·질문이 움직인다
• 가상 그림·시안·실제 접수 없음 표시가 보인다
• 실제 문의처·세부 조건·승인 담당 확인은 남겨 둔다

여기까지 만든 것 · 검증

• 큰 화면·좁은 화면·버튼·질문 확인 기록
• 승인 기준과 화면 내용을 대조한 결과
• 고친 파일과 수정 뒤 다시 확인한 메모
• 다음 재료: 검토본 + 검사 기록 + 남은 확인 목록

검토할 파일과 나눠 볼 파일

한글 문서가 필요하면 워드 파일을 한글에서 열어 저장합니다. 발표 자료는 검토 목적에 맞게 따로 요약합니다.

STEP 11 · 검토 보고 남기기

한결랜딩페이지_검토본.html, 검사기록.xlsx, 수정기록.txt 보고 팀장 보고를 짧게 써줘.
만든 파일·확인한 일·못 한 일·결정할 일로 나눠줘. 못 한 일은 완료라고 쓰지 마.
비용 예시도 넣어줘. 외부안 180만 원, 직접안은 8시간에 시간당 3만 원과 도구 3만 원이야.
결과 폴더에 검토보고.docx랑 검토보고.pdf로 저장해줘.

검토 보고 결과 예시 · 비용까지 함께

비용 예시 · 실제 견적·투입시간으로 다시 비교합니다. 현금 절감액·매출로 단정하지 않습니다.

STEP 12 · 다음에도 할 순서 남기기

다음에도 같은 방식으로 할 수 있게 결과 폴더에 작업순서.txt를 남겨줘.
새 자료와 승인일 보기 → 달라진 조건 알리기 → 내 확인 받기 → 정리와검산.xlsx 다시 보기 순서로 적어줘.
페이지설계.docx와 페이지 고치기 → 검사기록.xlsx에 다시 본 결과 적기 → 보고 남기기도 넣어줘.
원본은 두고 날짜별 새 폴더에 저장하게 해줘. 공개 전에는 내 확인을 기다려줘.

작업 순서 결과 예시 · 다시 펼쳐 볼 메모

원본 유지 · 파일 이름과 검토 날짜를 남깁니다. 다음 작업도 이 순서에서 시작하세요.

여러분 차례 · 한 페이지까지

여기까지 만든 것 · 보고·운영

• 한결랜딩페이지_검토본.html과 정리와검산.xlsx
• 페이지설계.docx · 검토보고.docx · 검토보고.pdf
• 검사기록.xlsx · 수정기록.txt · 작업순서.txt
• 남은 일: 실제 문의처·세부 조건 확인과 공개 승인