웹 브라우저는 보안상의 이유로 요소의 files 속성을 스크립트로 직접 조작하는 것을 엄격히 제한한다. 사용자의 로컬 파일 시스템 보호를 위한 브라우저의 설계 원칙과, 수정 페이지에서 기존 파일 데이터를 처리하는 올바른 UI/UX 패턴을 정리한다. input type="file"에 값을 설정할 수 없는 이유와 수정 페이지 구현 전략게시글 수정 페이지를 개발하다 보면 흔히 마주치는 요구사항이 있다. "기존에 업로드된 이미지를 input 태그에 미리 채워 넣어줄 수는 없나요?"텍스트(type="text")는 defaultValue나 value로 서버에서 받아온 값을 넣어주면 그만이다. 하지만 파일 인풋은 서버에서 받아온 이미지 파일 객체(Blob/File)가 있어도, 이를 input.files에 할당하려..
