240517 TIL

 

오늘 유효성 검사에 대해 정리해 보려고 한다. 어제 다른 분들 한 과제를 보면서 제목과 내용이 입력이 안되면 

alert창이 뜨게 하는 것 ("제목과 내용이 입력되지 않았습니다.  제목과 내용을 입력해 주세요!")을 설정해 두셨다.

나는 그냥 제목과 내용을 입력하면 그냥 제출만 되게 해 놨는데ㅠ  코딩과 react 공부하면서 용어에 대해 

많이 알게 된다. 유효성 검사를 간과하고 흐름대로 코딩하는 습관을 고쳐야겠다.  ai 의지하지 않고 코딩 직접

해보는 연습도 하고.. 

 

챗 GPT에서 말한 유효성 검사의 의미 

유효성 검사(Validation)란 데이터나 입력값이 특정 기준이나 규칙에 따라 유효한지 여부를 확인하는 과정입니다. 주로 소프트웨어 개발, 데이터 처리, 웹 개발 등 다양한 분야에서 사용됩니다. 유효성 검사는 사용자로부터 입력된 데이터가 정확하고 신뢰할 수 있는지 확인하여 시스템의 안정성과 보안을 유지하는 데 중요한 역할을 합니다.

유효성 검사는 클라이언트 측과 서버 측에서 모두 수행될 수 있습니다. 클라이언트 측 유효성 검사는 사용자 경험을 개선하기 위해 즉시 피드백을 제공하지만, 보안상 신뢰할 수 없으므로 서버 측 유효성 검사도 반드시 필요합니다. 서버 측 유효성 검사는 입력 데이터가 서버에 도달했을 때 다시 확인하여 악의적인 입력이나 오류를 방지합니다.

 

유효성 검사의 예 )

 

제목과 내용이 입력되지 않았을 때 - "제목과 내용을 모두 입력하세요" 

회원가입, 로그인에 사용 - 아이디를 입력할 때 대소문자 구분, 비밀번호 입력할 때 8 자 이상

이메일 주소가 올바른 형식인지 확인할 때  / 숫자 데이터가 범위 내에 있는지 ex) 나이 19세 이상 ~

 

-

 

이번주는 리액트 처음 배우는 주간이라 과제할 때 어려움이 있었지만 이거 해도 저거 해도

안되고 답답한 면도 있었다. 과제 가이드로 방향이 잡히긴 해도 혼란이 온다. 이게 뭐지? 싶었다.

리액트 css , working에서 완료를 누르면 done으로 가게 하기 

done에서 취소를 누르면 working으로 가기 제목과 내용을 입력하지 않았을 때 유효성 검사 해주기 

 

코딩 많이 해봐야겠다고 생각한 오늘이었다.