PRACTICE MATERIAL

브라우저 입력 제약과 요청 변조 · Client Side

학습 원본 · 브라우저 입력 제약과 요청 변조의 Client Side에 수록된 화면·도식이다.

380 × 75원본 이미지
CONCEPT → PRACTICE → VERIFICATION

브라우저 입력 제한을 서버 검증과 비교하기

maxlength·readonly·선택 버튼이 보안 경계가 아님을 확인하고 서버의 허용 조건을 정의한다.

  1. 브라우저가 제한하는 항목을 목록화한다선택지·라디오 버튼·체크박스·길이 제한·readonly는 입력 편의를 위한 클라이언트 조건이다. 서버는 이 조건이 지켜졌다고 전제할 수 없다.
  2. DOM 변경이 요청 값에 미치는 영향을 본다개발자 도구에서 교육용 입력의 value·type을 살펴본다. DOM을 수정할 수 있다는 사실은 요청 값이 신뢰 불가능함을 보여 준다.
  3. 정상·경계·거부 요청의 행렬을 만든다정상 선택 값, 허용되지 않은 값, 길이 초과를 각각 한 번씩 제출하고 상태 코드와 저장 결과를 확인한다.
명령·설정·결과 해석을 본문에서 이어서 읽기 →
브라우저 입력 제약과 요청 변조 · Client Side
이미지를 누르면 원본 크기로 열립니다. 작은 명령·패킷 필드는 이미지를 확대해 확인하세요.

연결된 개념