파일 업로드 폼의 최소 구성
웹에서 파일을 선택하고, submit으로 서버(uploader)로 전송하는 최소 구조를 확인해요.
<!DOCTYPE html> # 문서가 HTML5 문서임을 선언해요(브라우저가 해석 모드를 결정).
<html lang="en"> # HTML 문서 시작이고, lang은 문서 기본 언어 힌트예요.
<body> # 화면에 보이는 내용이 들어가는 본문(body) 시작이에요.
<form action = "uploader" method = "post" enctype = "multipart/form-data">
# 파일을 서버로 보내는 폼이에요. action은 목적지(uploader), method=post는 데이터를 본문으로 보내요. enctype은 파일 전송에 필수예요.
<input type = "file" name = "file" > # 파일 선택 버튼을 만드는 입력창이에요. name='file'로 서버에서 이 이름으로 파일을 받아요.
<input type = "submit" value="확인"> # 제출 버튼이에요. 누르면 폼이 전송돼요(여기서는 '확인'이라는 글자).
</form> # 폼 태그를 닫아서 전송 범위를 끝내요.
</body> # body 끝.
</html> # html 문서 끝.
(브라우저 화면) - 파일 선택 버튼 - 확인(제출) 버튼
이 코드는 콘솔에 무언가를 출력하는 게 아니라, 브라우저에 ‘파일 선택 UI’를 만들어줘요. 파일을 고르고 확인을 누르면, form의 action(uploader)로 POST 요청이 나가면서 파일이 함께 전송돼요.