고객사 대시보드와 따라하기

이 폴더는 완성 예시입니다. 아티클을 처음부터 따라 만들 때는 별도의 빈 클로드-연습 폴더에서 시작하세요.

3D 폴더 그래픽, 입체 업무 아이콘과 달력, 완료율 도넛을 적용했습니다.
마우스를 움직이면 상단 그래픽이 반응합니다. 동작 줄이기 설정도 지원합니다.

walkthrough.html을 더블클릭하면 6단계 안내가 열립니다.
자료 파일 받기, 요청문 복사, 실제 앱 조작을 할 수 있습니다.
자료 준비 → 요청 보내기 → 승인 확인 → 완성 보기 → 다음 날 갱신 → 말로 고치기 순서입니다.

dashboard.html을 더블클릭하면 브라우저에서 열립니다.
10월 4일과 10월 5일 버튼으로 전후 화면을 비교할 수 있습니다.
고객사 검색, 상태 필터, 정렬, 원문 보기가 작동합니다.
왼쪽 메뉴에서 고객사별 보기와 업데이트 기록을 열 수 있습니다.
좁은 화면에서는 모바일 배치로 바뀝니다.

고객사 이름과 전달 내용은 모두 가상입니다.
이 예시는 아티클을 위해 Codex가 제작한 웹페이지입니다.
날짜 버튼은 미리 준비한 두 화면을 전환합니다.
실제 Claude Code 실행의 증거가 아닙니다.
자료 폴더의 텍스트가 이 파일에 자동 반영되는 기능은 없습니다.
자료를 갱신하는 요청문은 왕초보편을 참고하세요.

assets 폴더에 3D 그래픽이 들어 있습니다. HTML과 함께 보관하세요.
fonts 폴더를 함께 두어야 제공된 글꼴로 표시됩니다.
