-
프론트엔드에서 form을 어느 정도까지 유효성 검사 해야하는가Web FE 2024. 12. 22. 19:01
어차피 프론트엔드의 코드는 브라우저로 전달되어 클라이언트 측에서 돌아가는 것이기 때문에 요청을 보낼 때는 어떻게든 사이트를 변조할 수 있다. 그렇기 때문에 프론트엔드 측에서 아무리 유효성 검사를 해봤자 어느 코드가 백엔드로 전달되는 것을 막을 수 없다. 그렇기 때문에 프론트 엔드는 사용자 경험을 위한 검사를 수행한다.
(1) 사용자 경험(UX) 개선을 위한 검사
- 사용자가 오류를 즉시 인지할 수 있도록 설계.
- 예: 필수 입력 필드를 누락했거나, 이메일 형식이 잘못된 경우 즉각 알림.
(2) 기본적인 입력 제한
- 데이터가 서버로 전송되기 전에 명백히 잘못된 값을 차단.
- 예: 이름 필드에 숫자가 입력되는 경우.
등등 대충 UX 를 위한 설계만 해주면 된다!
'Web FE' 카테고리의 다른 글
[vite/next] 에서 tailwindcss 쓰지도 않았는데 발생하는 "Error: Cannot find module 'tailwindcss' " 에러 해결 (0) 2025.03.07 프론트에서의 Cookie? (2) 2025.01.07 이미지를 사용하는 경우 img 말고 picture 를 사용해라 (1) 2024.12.22 이미지를 사용하는 경우 img 말고 picture 를 사용해라 (2) 2024.12.22 html 태그 대충 정리 (1) 2024.12.22