1. 개요

문의와 첨부 파일 목록은 브라우저에 저장됩니다. 새로고침하거나 다시 들어와도 "내 문의"에 그대로 남아 있습니다.

범위 밖: 첨부 파일 실제 업로드·보관(이름과 크기만 저장), 메일 발송·자동 회신, 견적 계산, 관리자 화면(답변·상태 변경), 여러 기기에서 같은 문의를 보는 서버 저장.

2. 과제

1. 인테리어는 사진으로 설득하고, 사진으로 설명을 듣는다.

"이 느낌으로 해 주세요"는 말로 설명하기 어렵습니다. 마음에 든 프로젝트에서 바로 문의로 넘어가고, 평면도나 참고 사진을 붙일 수 있어야 첫 상담이 빨라집니다.

2. 첨부에서 막히면 문의를 포기한다.

어떤 파일을 몇 개까지, 얼마나 큰 걸 올릴 수 있는지 미리 보여 주고, 잘못 고른 파일은 이유와 함께 걸러야 합니다.

3. 보낸 뒤 "잘 들어갔나?"가 궁금하다.

접수번호와 보낸 내용·첨부 목록을 다시 볼 수 있어야 같은 문의를 두 번 보내지 않습니다.

3. 화면 구조

작업 소개부터 문의까지 한 페이지에 이어집니다. 사진 크게 보기와 내 문의는 페이지를 옮기지 않고 위에 겹쳐 열리고, 파일 첨부는 문의 칸 안에서 바로 쌓입니다. 주소 끝에 `#inquiries`를 붙이면 내 문의가 바로 열립니다.

4. 주요 기능

파일 첨부 문의

첨부 칸을 누르거나 파일을 끌어다 놓으면 파일 이름과 크기가 줄로 쌓이고, 줄마다 "빼기"로 하나씩 뺄 수 있습니다. 여러 번 나눠 고르면 이어서 붙습니다. 이미지·PDF만 받고, 한 파일 10MB나 5개를 넘으면 파일 이름과 이유를 함께 알려 주고 거릅니다. 같은 파일을 두 번 고르면 한 번만 남깁니다.

사진 크게 보기 → 이 프로젝트처럼 문의

프로젝트 사진을 전체 화면으로 키워 좌우 버튼이나 키보드 화살표로 넘깁니다. "이 프로젝트처럼 문의"를 누르면 문의 칸으로 내려가고, 공간 종류가 골라지며 내용 첫 줄에 참고 프로젝트 이름이 들어갑니다.

문의 저장과 접수번호

공간 종류·이름·이메일 형식·면적 숫자·내용 길이를 확인한 뒤 저장하면 접수번호(YB-순번)와 첨부 개수가 나옵니다. 저장 후 입력 칸과 첨부 목록은 비워집니다.

내 문의 — 이메일로 조회, 문의 취소

머리글 "내 문의"에서 보낸 문의를 최근 순으로 보여 줍니다. 날짜·공간 종류·면적·희망 시작·내용·첨부 파일 이름과 크기·상태가 함께 남습니다. 문의할 때 쓴 이메일로 조회하면 그 이메일의 문의만 찾고, 취소하면 상태가 '취소'로 바뀌어 새로고침 뒤에도 유지됩니다.

• 프로젝트 분류주거·상업·오피스 버튼으로 프로젝트를 걸러 봅니다.
• 아카이브 미리보기아카이브 목록에 마우스를 올리면 사진 미리보기가 따라오고, 화면 오른쪽 끝에서는 밖으로 나가지 않게 멈춥니다.

5. 기술

6. 검수

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

동작 시험 10가지: 프로젝트 분류 · 사진 크게 보기와 넘기기 · 이 프로젝트처럼 문의 · 첨부 파일 검사(형식·용량·개수) · 첨부 한 개 빼기와 PDF 추가 · 문의 빈칸 검사 · 파일 첨부 문의 저장 · 새로고침 뒤 내 문의 목록 · 이메일로 문의 조회 · 문의 취소

속도·품질 점수 (100점 만점, 휴대폰은 느린 통신 기준)

휴대폰: 첫 화면 표시 0.9초 · 가장 큰 요소 표시 3.2초 · 화면 흔들림 0 · 입력 막힘 0ms PC: 첫 화면 표시 0.2초 · 가장 큰 요소 표시 0.6초 · 화면 흔들림 0 · 입력 막힘 0ms

7. 결과