개인프로젝트_개발일지_2022.09.26

오늘은 지난주에 이어서 회원가입 유효성검사를 이어서 만들었다. 중간에 한전IOT플랫폼의 현재까지 구현된 기능들과 부족한점 미구현된 부분들에 대한 리스트 작성 및 역할 분배 회의가 있었다. 회의에서 알게된 개발시 유의할 점이 있는데 datepicker를 쓸때는 보통 텍스트박스를 선택했을때 달력이 출력되는것이 일반적이고 select박스의 항목중 defult에 [선택] 같은 항목 보다는 [전체] 같은 항목을 넣는것이 좋고 검색 기능을 만들때 아무것도 입력하지 않고 검색 버튼을 누르면 모든 항목들이 나오는것이 좋다. 또한 사용자의 편의성을 위해 enter키로 버튼이 작동되어야 하는 경우가 있는데 이 부분도 고려하여 개발하여야 한다. 유효성검사 기능들을 만들다 보니 oninput함수, onblur 함수를 알게되었다. oninput은 input박스에 입력될때 실행되는 함수이고 onblur는 input박스가 포커스를 잃을때 실행되는 함수이다. 오늘 어려웠던 점은 onblur와 oninput을 상황에 맞게 잘 써야하는데 두 기능들간에 충돌이 있었던 부분도 있고 어느 상황에 어떻게 써야할지에 대한 사고가 잘 돌아가지 않았고 조건문을 사용할때에도 아직 미숙하다보니 꼬이는 부분이 더러 있었다. 하지만 주변 선임 동료들에게 자문을 구하여 통상적으로는 어덯게 개발하는지 기준을 잡아주셨고 그에 따라 개발을 하니 좀 더 수월하게 개발할 수 있었다.

 

회원가입 유효성 검사 개발 코드 일부

생년월일에 datepicker적용

모든 입력란에 유효성 체크 추가

 

유용했던 정규식 주소

 

https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-%EC%A0%95%EA%B7%9C%EC%8B%9D-RegExp-%EB%88%84%EA%B5%AC%EB%82%98-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-%EC%89%BD%EA%B2%8C-%EC%A0%95%EB%A6%AC

[JS] 📚 정규표현식(RegExp) - 이해하기 쉽게 정리 + 응용 예제

 

https://beop07.tistory.com/7

자바스크립트 유효성 검사 정규식 활용 정리

https://rateye.tistory.com/468

JavaScript 자주 쓰는 정규식 모음 (아이디, 이메일, 비밀번호, 전화번호,...)

정규식 문법

https://curryyou.tistory.com/234

[자바스크립트] 정규표현식(Regular Expression) 기초/기본 쉽고 상세한 사용 방법 정리(샘플 예제 코