html form 5

[Spring MVC] HTTP 요청 파라미터 - 쿼리 파라미터, HTML Form

HTTP 요청 파라미터 - 쿼리 파라미터, HTML Form HTTP 요청 데이터 조회 - 개요 서블릿에서 학습했던 HTTP 요청 데이터를 조회하는 방법을 다시 떠올려보자. 그리고 서블릿으로 학습했던 내용을 스프링이 얼마나 깔끔하고 효율적으로 바꾸어주는지 알아보자. HTTP 요청 메시지를 통해 클라이언트에서 서버로 데이터를 전달하는 방법을 알아보자. 클라이언트에서 서버로 요청 데이터를 전달할 때는 주로 다음 3가지 방법을 사용한다. GET - 쿼리 파라미터 /url?username=hello&age=20 메시지 바디 없이, URL의 쿼리 파라미터에 데이터를 포함해서 전달 예) 검색, 필터, 페이징등에서 많이 사용하는 방식 POST - HTML Form content-type: application/x-w..

[Spring MVC] 서블릿 - HTTP 요청 데이터 (Post HTML Form)

HTTP 요청 데이터 - Post HTML Form 이번에는 HTML의 Form을 사용해서 클라이언트에서 서버로 데이터를 전송해 보자. 주로 회원 가입, 상품 주문 등에서 사용하는 방식이다. 특징 content-type: application/x-www-form-urlencoded 메시지 바디에 쿼리 파리미터 형식으로 데이터를 전달한다. username=hello&age=20 src/main/webapp/basic/hello-form.html 생성 username: age: 전송 실행해 보자. http://localhost:8080/basic/hello-form.html 주의 웹 브라우저가 결과를 캐시하고 있어서, 과거에 작성했던 html 결과가 보이는 경우도 있다. 이때는 웹 브라우저의 새로 고침을 직..

[Spring MVC] 서블릿 - HTTP 요청 데이터 개요, GET 쿼리 파라미터

HTTP 요청 데이터 - 개요 HTTP 요청 메시지를 통해 클라이언트에서 서버로 데이터를 전달하는 방법을 알아보자. 주로 다음 3가지 방법을 사용한다. GET - 쿼리 파라미터 /url?username=hello&age=20 메시지 바디 없이, URL의 쿼리 파라미터에 데이터를 포함해서 전달 예) 검색, 필터, 페이징등에서 많이 사용하는 방식 POST - HTML Form content-type: application/x-www-form-urlencoded 메시지 바디에 쿼리 파리미터 형식으로 전달 username=hello&age=20 예) 회원 가입, 상품 주문, HTML Form 사용 HTTP message body에 데이터를 직접 담아서 요청 HTTP API에서 주로 사용, JSON, XML, T..

[HTTP] HTTP API 설계 예시

HTTP API 설계 예시 HTTP API - 컬렉션 POST 기반 등록 예) 회원 관리 API 제공 HTTP API - 스토어 PUT 기반 등록 예) 정적 콘텐츠 관리, 원격 파일 관리 HTML Form 사용 웹 페이지 회원 관리 GET, POST만 지원 회원 관리 시스템 API 설계 - POST 기반 등록 회원 목록 /members > GET 회원 등록 /members > POST 회원 조회 /members/{id} > GET 회원 수정 /members/{id} > PATCH, PUT, POST 회원 삭제 /members/{id} > DELETE POST - 신규 자원 등록 특징 클라이언트는 등록될 리소스의 URI를 모른다. 회원 등록 /members > POST POST /members 서버가 새로..

HTTP/HTTP 메서드 2023.01.19

[HTTP] HTML Form, HTML API 데이터 전송

HTML Form 데이터 전송 POST 전송 - 저장 GET 전송 - 저장 GET 전송 - 조회 multipart/form-data enctype = "mutipart/form-data"을 통해 file과 같은 바이너리 데이터 전송 가능 HTML Form 데이터 전송 정리 HTML Form submit시 POST 전송 예) 회원가입, 상품 주문, 데이터 변경 Content-Type:application/x-www-form-urlencoded 사용 form의 내용을 메시지 바디를 통해서 전송 (key=value, 쿼리 파라미터 형식) 전송 데이터를 url encoding 처리 예) abc김 > abc%EA%B9%80 HTML Form은 GET 전송도 가능 Content-Type: multipart/form..

HTTP/HTTP 메서드 2023.01.19