Project (09.14) - 일정관리, 유효성 검사

이번주 할 일✔️

1. 일정 관리 페이지 기능 구현

(사용자 클릭 시 정보 저장 가능하도록 ⭕)

1. 팝업 페이지 파일 분리 ⭕
2. 아이디, 비밀번호 유효성 검사 -> (비밀번호 확인만 가능) ⭕
   -> 대신 아이디, 비밀번호 입력안하고 다음 버튼 클릭 시 alert로 경고는 하지만 다음으로 넘어감.. 수정 필요하고, 비밀번호 입력 후 비밀번호 확인까지하면 잘 작동되지만, 여기서 비밀번호 입력부분 지우면, 오류 발생 수정필요
3. 체크리스트
4. gpt api 적용

---

아이디 유효성 검사

 

 

• 아이디 6자 이상 20자 미만으로 작성되어야하며, 중복 아이디는 안되도록 ajax를 이용하여 코드 작성

전에 알아봤던 blur, keyup중 사용자가 아이디 입력하는 도중에도 아이디 중복 검사를 하고 싶어서 keyup 이벤트로 결정

debounce도 강사님도 적용해주셨는데, 직접 사용하면서 왜 사용하는지 다시 정리
-> lodash 라이브러리의 debounce 함수를 사용해서 입력이 멈춘 후 300ms 동안 추가 입력이 없을 경우에만 비동기 요청을 보내도록 함

1. 입력할 때마다 서버 요청을 보내는 대신, 사용자가 입력을 마친 후 일정 시간(300ms)동안 추가 입력이 없을 때만 비동기 요청이 실행
2. 서버에 불필요한 과부하를 방지하면서도 즉각적인 중복 체크 기능을 제공하기 위해서

---

 

일정관리 페이지 레이아웃 정리

부트스트랩 아이콘을 이용