nickname 유효성검사1

• 

  Nickname 설정을 위한 유효성 검사(이모지 완전히! 막기) Tars프로젝트를 진행하면서 Nickname의 유효성 검사 함수를 만들어야 했는데 생각보다 시간이 많이 들어가서 블로깅을 해보았다. 특히 이모지를 input에 입력조차 안되게 해야했는데 input.length가 자꾸 생성되어서 곤욕스러웠다. 기획에서 요구한 Nickname 설정 규칙은 다음과 같다. 허용 한글, 영어, 특수 문자, 숫자 허용 외자(귤, ㅎ) 허용 닉네임 중복 허용 제한 띄어쓰기 불가 - 띄어쓰기 막아버리기 이모지 불가능 - information에 “이모지는 사용할 수 없어요“ 빨간색으로 변경, 이모지 지우면 기존으돌아감 8자 제한 - 8자초과해서 입력 안되도록 공란 - 확인 버튼 비활성화 닉네임 중복 허용하기 때문에 onChange가 될때마다 유효성검사가 되도록 원하였고 8자 제한을 하며.. 개발/React 2024. 3. 13.