사용자 친화적이고 유용한 데이터 검증

• 할 수있다 6, 2024

사용자 입력 (일반적으로 양식에서)에 필요한 정보가 올바른 형식으로 포함되어 있는지 확인하는 데이터 유효성 검사는 고객 서비스와 보안에 모두 중요합니다. 또한 JavaScript에서 가장 일반적으로 사용되는 것입니다. 데이터 검증은 고객 경험을 향상시키고 비즈니스 보안을 강화할 수 있습니다. 데이터 검증이 잘못되면 고객의 삶이 어려워지고 사이트가 공격에 노출 될 수 있습니다.

고객 경험을 살펴 보도록하겠습니다. 양식을 작성했는데 실수를하거나 필요한 정보를 포함하지 않는 것을 상상해보십시오. 다음과 같이 잠재적으로 긴 오류 목록이있는 팝업이 더 유용합니다.



또는 페이지 레이아웃이 변경되어 오류를 설명하고 다음과 같이 변경해야하는 필드를 강조 표시하는 것이 더 유용합니다.


JavaScript는 두 가지 유형의 피드백을 제공하는 데 사용될 수 있지만 두 번째는 훨씬 더 고객 친화적입니다.

이제 일부 사람들은 "하지만 우리는 보안에 대한 유효성을 검사하지만 모든 고객 혜택은 부작용 일뿐"이라고 말합니다. 보안은 데이터 유효성 검사를 수행하는 중요한 이유이지만 브라우저에서 수행 된 데이터 유효성 검사는 잘못된 보안입니다. 브라우저를 제어하지 않고 브라우저에서 JavaScript가 실행되므로 공격자는 JavaScript 기반 유효성 검사를 무시하고 원하는 것을 보낼 수 있습니다. 일반적인 오해는 POST 방법을 사용하여 URL의 일부가 아닌 메시지 본문의 양식 데이터를 웹 서버에 전송하면 양식 필드의 내용을 변경할 수 없다는 것입니다. GET과는 달리 POST 도구를 사용하여 제출 된 양식에서 데이터를 변경하려면 브라우저 툴바에서 URL을 편집하는 것 이상의 작업을 수행해야합니다. 그러나 여전히 쉬운 일입니다. 웹 응용 프로그램을 감사 할 때 WebScarab이라는 도구를 사용하여 양식 필드의 내용을 쉽게 변경할 수 있습니다. 아래 이미지는 JavaScript 유효성 검사 후 서버로 전송되기 전에 양식 필드의 컨텐츠를 편집 할 수있는 WebScarab 화면을 보여줍니다.


따라서 JavaScript 유효성 검사는 정직한 사람 (고객)이 저지른 실수와 페이지의 스크립트 내에서 사용하기위한 것입니다. 또한 서버의 서버로 전송 된 모든 데이터의 유효성을 검사해야합니다.

참고 문헌

Web 스카 라브
W3 School에서 제출 한 GET 및 POST 방법에 대한 설명

비디오 지침: [SEOUL Summit - T1] 데이터 사이언스 전문 지식 없이 Cloud AutoML속으로 깊이 들어가보기 (할 수있다 2024).