Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- til
- Next.js13
- 리액트
- NPM
- 리액트쿼리
- 자바스크립트
- Next
- JS
- 타입스크립트
- HTML
- stack문제
- 자바스크립트 연결리스트
- 자바스크립트 문제풀이
- 자바스크립트 문제
- lodash
- 알고리즘문제풀이
- next13
- 자바스크립트 문제 풀이
- react
- 제로베이스
- 자바스크립트코딩테스트
- leetcode문제풀이
- 프론트엔드
- Baekjoon
- CSS
- 자바스크립트 알고리즘
- leetcode
- JavaScript
- 자바스크립트 알고리즘 문제
- 프로그래머스
Archives
- Today
- Total
코드노트
form 태그 get, post 차이 정리 본문
form 태그에서는 method ="속성"을 입력하게 된다.
폼 데이터가 서버로 제출되면서 사용되는 메소드이다.
method에 입력할 수 있는 속성값은 get, post가 있는데 두개는 차이가 있다.
GET
get은 url(기존 주소)에 ?를 기점으로 id, pw를 추가하여 전달한다.
input값이 id, pw등 두개 이상의 정보를 전달해야하면 &를 통해서 분리되어 전달된다.
- get방식은 브라우저에 캐시되어 저장된다.
- 보안에 있어서 취약하며, 중요한 데이터는 Post를 통해서 전달하는게 좋다.
- 보통 쿼리 문자열에 포함되어 전송되기 때문에 길이의 제한이 있다.
POST
- post 방식은 url이 아니라 폼 데이터를 별도로 첨부하여 서버로 전달된다.
- 브라우저에 캐시되어있지 않기 때문에 브라우저 history에도 남지 않는다.
- 데이터의 길이에 제한이 없다.
- 보안성이 높다.
'Code note > HTML' 카테고리의 다른 글
a태그 _blank 보안취약점 보완 속성 / noopener, noreferrer, nofollow (0) | 2022.11.11 |
---|---|
input, button / submit 제출 여부 (0) | 2022.11.03 |
HTML role 속성 정리, 사용방법은? (0) | 2022.10.21 |
HTML 목록 및 표 (0) | 2022.08.08 |
HTML 구조를 나타내는 요소 (0) | 2022.08.06 |