Index

1. <Form> 기본 속성

폼은 정보를 입력하는 영역입니다. 로그인 화면에서 아이디와 비밀번호를 입력하는 것, 회원 가입할 때 정보를 입력하는 양식 등은 모두 폼을 이용합니다. 폼에 입력을 하고 제출(submit)하게 되면 데이터는 서버로 전송되고, 전송한 데이터는 웹 서버가 처리하며, 처리 후 로그인 결과 화면 같은 다른 웹 페이지를 클라이언트에 전송합니다.

스크린샷_2021-10-06_오전_11.06.41.png

1.1 폼 동작 방식

  1. 웹 페이지에 있는 form에 데이터를 입력합니다.

  2. 웹 페이지 내 액션이 일어나게 되면 데이터는 웹 서버로 이동하게 됩니다.

  3. 웹 서버는 데이터를 처리하기 위해 APP을 호출합니다. 이때 APP은 물리적으로 별도의 서버일 수도 있습니다.

  4. 필요에 따라 APP은 DB로 데이터를 전송합니다. 이때 DB는 물리적으로 별도의 서버일 수도 있습니다.

  5. DB에서 CRUD 작업이 일어나고 작업 결과를 APP으로, WEB으로 전송합니다.

    CRUD

  6. 웹 서버는 받은 결과를 Client 브라우저에게 보냅니다.

  7. 사용자 브라우저는 Response 받은 페이지를 렌더링하여 사용자에게 보여줍니다.

1.2 폼의 속성

form의 속성은 아래 표와 같이 이루어져 있습니다.

form 속성

읽어볼만한 글

form에서 put, delete를 지원하지 않는 이유