리뷰등록시 공백은 막기

Kimmy·2025년 3월 20일

PWA_PROJECT

목록 보기
6/47

리뷰 내용없으면 리뷰등록/저장안되도록 기능 수정하기

-리뷰가 공백일 때 등록 또는 업데이트를 막고, "내용을 입력해주세요"라는 alert를 띄우는 로직을 추가

  • handleAddReview와 handleUpdateReview 두군데에 공백체크, alert띄우는 내용을 추가한다.

  • handleAddReview
    if (!newReview.trim()) {
    alert("내용을 입력해주세요.");
    return;
    }

  • handleUpdateReview
    if (!editingContent.trim()) {
    alert("내용을 입력해주세요.");
    return;
    }

"" 즉 공백은 falsy 값이다.
반대로 !"" 는 true이다.

즉 리뷰내용에 trim()함수를 사용하여 공백을 제거했을때

공백이면 즉, 아무내용도 입력하지않았으면 falsy 이므로 NOT연산자인 !를 붙여 True로 바꿈.
그리고 true인 값들은 alert를 띄운다.

공백이 아닌경우, 기존 로직 그대로 실행하여 리뷰를 추가하거나 업데이트한다.

profile
바리바리 개바리 🌼

0개의 댓글