form : 사용자가 입력한 데이터를 수집하기 위해 사용
input, textarea, button, select, checkbox, radio, submit
※ action : form 태그 안에 입력한 데이터들이 전송될 URL 지정
※ URL,URI
- URL : 웹 페이지 주소(네트워크상에서 필요한 정보(리소스)들이 어디있는지 알려주기 위한 규칙(규약))
- URI : 특정한 정보(리소스)를 식별하는 통합 자원 식별자
웹 개발에서 사용하는 논리적, 물리적 리소스를 식별하는 고유한 문자열
※ method : 입력한 데이터의 전달방식 지정
- GET : 전송하는 URL에 입력한 데이터를 *쿼리스트링*으로 보내는 방식
전송 URL 바로 뒤에 ?를 통해 데이터의 시작을 알려주고 key-value 형태의 데이터를 추가한다
1개 이상의 전송데이터는 '&'로 구분한다 ((ex) ?mcode=11111&?mcode2=12345)
전송 속도가 빠르다
데이터가 노출되어 보안상 문제를 일으키고 전송할 수 있는 데이터가 255자가 최대임
* 쿼리스트링 : url뒤에 입력데이터를 함께 제공하는 가장 단순한 데이터 전달방식
사용자가 입력데이터를 전달하는 방법중 하나
url에 미리 협의된 데이터를 *파라미터*를 통해 넘기는 것
- POST : 전송하는 데이터를 숨겨서 보내는 방식(Request Body)
데이터 노출은 없지만 get방식에 비해 속도가 느리다
<body>
<form action="http://jsonplaceholder.typicode.com/users">
ID : <input type="text" name="id" placeholder="아이디를 입력해주세요">
Username : <input type="text" name="username" placeholder="사용자 이름을 입력해주세요">
<input type="submit" value="전송하기">
</form>
</body>
2023.04 ~ 백엔드 개발자의 기록
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!
