클라이언트에서 서버로 데이터 전송

3가지 상황:

1. ~~정적 데이터 조회 → 리소스 경로로 직접 요청~~ (데이터 전송 X)
2. 동적 데이터 조회 → 쿼리 파라미터 사용한 조건부 요청
3. HTML Form을 통한 데이터 전송 → 페이지 이동을 통한 데이터 제출
4. HTTP API를 통합 데이터 전송 → CSR로 인해 강세

데이터 전달 방식에 따라 분류 가능

1. 쿼리 파라미터를 통합 데이터 전송 (GET)

URL의 일부인 쿼리 파라미터(?key=value)를 통해 간단한 데이터를 보냅니다. 주로 서버로부터 어떤 데이터를 받을지 조건을 명시하는 데 사용됩니다.

1. 메시지 바디를 통합 데이터 전송 (POST, PUT, PATCH)

HTTP 요청의 바디에 복잡하고 구조화된 데이터를 담아 보냅니다. 주로 서버의 데이터를 생성하거나 수정하기 위해 사용됩니다.

HTML FORM을 통합 데이터 전송

전통적인 웹페이지가 서버와 통신하는 방식입니다. 브라우저의 기본 기능을 사용하여, 사용자가 입력한 데이터를 서버에 보내고 완전히 새로운 페이지를 응답으로 받습니다. (페이지 이동을 전제로 한 데이터 제출)

Content Type: application/x-www-form-urlencoded

Ex) 제출 버튼을 누르면 화면이 하얗게 변했다가 새로운 페이지로 완전히 전환됩니다.