스프링 Validation vs 자바스크립트 Validation

Question

이제 갓 스프링을 배우기 시작한 학생입니다.배우다보니 궁금한 점이 생겼는데요. 예를 들면 회원가입시 id, pw, hp... 등 여러 항목에 유효성 검사를 하게되는데 이걸 자바스크립트로 구현을 했었습니다. 이것은 클라이언트 쪽에서 검사를 하는 것이고, 스프링 Validation은 서버 쪽에서 유효성 검사를 하는 기능인데자바스크립트로 유효성 검사를 하면 굳이 서버쪽에서는 입력된 회원가입 데이터 값에 대한 유효성 검사를 하지 않아도 되는 것인가요?만약 아니라면 서버쪽에서 유효성 검사를 해야하는 이유가 무엇일까요? (보안 문제?) 이유가 있다면 알려 주시면 감사하겠습니다.

마사키군 · Accepted Answer

서버에서 유효성 체크를 안하면 어떻게 되느냐 하는건 이 기사를 보시면 좋을 것 같습니다. 2019년도 기사인데, 학생들이 수능점수를 발표일보다 빨리 조회하기 위해 개발자 도구를 이용해서 년도 선택하는 셀렉트박스의 value를 2019에서 2020으로 고친뒤 데이터를 submit하여 발표일보다 먼저 수능점수를 조회한 일이 있었죠.기사 자체는 단순히 option 태그의 value 값만을 고치고 submit 했을뿐 js단의 유효성 체크가 없지만, 개발자도구에 직접 접근해서 고쳤다는건 js단의 유효성 체크를 우회해서 요청을 넣을수도 있었다는 의미가 되니까요.https://v.daum.net/v/20191202111141518

마사키군 · Answer

서버쪽에서도 유효성 체크를 해야 하며, 이유는 말씀하신 대로 보안 문제입니다.프론트에서 유효성 체크를 하는건 사용자 입력에 즉각적으로 반응해서 인터렉션을 내비치기 위함이고,서버쪽에서 유효성 체크를 하는건 데이터를 처리하기 직전의 최종 관문(?) 같은거로 보시면 될 것 같네요.

제운 · Answer

크롬 개발자도구를 사용하면 자바스크립트는 조작 가능합니다. 그렇기에 일부러 의도하고 잘못된값을 보낼수도 있기때문에, 서버단에서도 유효성 체크를 해줘야합니다.

에비뉴 · Answer

프론트에서 체크를 한다해도 프록시 툴 같은걸로 충분히 변조가 가능하기 때문에서버에서도 체크하는게 맞습니다.

퀘이사123 · Answer

자바스크립트로 막는건, 님이 만들어놓으신 그 페이지에서만 적용이 됩니다. url과 data 타입만 알아도 post맨 같은 툴로 만들어놓으신 validation 코드 안거치고 서버로 request를 보낼 수 있습니다.validation은 서버에서 하고, 페이지 단은 사용자의 편의상 만들어놓는겁니다.

pr0 · Answer

프론트는 거름망 느낌이고 서버가 진또배깁니다.. 프론트는 파려고하면 노출될 수 있어요..

정말일까 · Answer

둘다 체크하셔야됩니다. 특히 보안 이슈있는 로직들은 클라이언트 서버 둘다하셔야 사고안나요예전에 결제금액을 클라이언트단에서 받은값으로 결제되서 뉴스까지 나온적도 있어요

adduci · Answer

서버는 서버고 클라이언트는 클라이언트죠클라이언트가 불특정 다수일때 어느 누가 유효하지 않은 데이터를 보낼지 모르기 때문에 서버는 서버대로 체크해줘야 합니다클라에서만 체크하면 서버는 범용이 아니라 해당 클라에 의존하게 되는 안좋은 구조가 나옵니다

Nashiba · Answer

유효성은 프론트에서 하는게 맞습니다.그렇다고 해서 백엔드가 에러 처리를 하지 않아도 되는 것은 아닙니다.백엔드는 성능이 중요하고 부하가 적어야 하기에유효성 검사를 할 여력이 없으면, 에러 처리를 하도록 적어도 로직을 짜는게 맞고그 과정에서 Request 가 유효한가는 확인하는 로직이 필요합니다.결론:프론트->유성검사->사용자에게 유효성 알림 &#43; 유효한 값만 서버에 전송백엔드->유효성검사->유효하지 못하면 프론트에 에러를 알리고 서버가 죽지 않아야함

스프링 Validation vs 자바스크립트 Validation

9개의 답변

#validation 목록