Project (09.12) - 유효성 검사, 날짜 데이터

이번주 할 일✔️

1. 일정 관리 페이지 기능 구현
   (사용자 클릭 시 정보 저장 가능하도록)

2. 팝업 페이지 파일 분리 ⭕

3. 아이디, 비밀번호 유효성 검사 -> 빨리 해결

4. 체크리스트

5. gpt api 적용

---

아이디, 비밀번호 유효성 검사

실시간 비밀번호 확인

	function loginPwCheck() {
		if ($('#loginPw').val() == $('#loginPwConfirm').val()) {
			$('#loginPwChk').text('비밀번호 일치').css('color', 'green')

		} else if ($('#loginPw').val() == ''
				|| $('#loginPwConfirm').val() == '') {
			$('#loginPwChk').text('비밀번호를 입력해주세요.').css('color', 'red')

		} else {
			$('#loginPwChk').text('비밀번호 불일치').css('color', 'red')
		}
	}

위처럼 함수로 간단하게 할 수 있지만...

ajax으로 서버에서 직접적으로 처리해야지

blur 이벤트와 keyup 이벤트의 차이

blur

• 입력 필드에서 포커스가 벗어났을 때 발생하는 이벤트

keyup

• 키보드를 눌렀다 뗐을 때 발생하는 이벤트
• 실시간으로 입력 값을 확인하고 싶다면 keyup 이벤트를 사용

만약 사용자가 입력하는 도중에도 아이디 중복 검사를 하고 싶다면 keyup 이벤트로!

다른 아이디, 비밀번호 유효성 검사 할 때 keyup이벤트 이용하면 되지 않을까??

---

지도는 목적지 검색할 때 위치는 정확하게 나옴 -> 레이아웃 위치 선정하느라 좀 건들였더니 벗어난거 같은데 이제 문제는 화면 레이아웃 어떻게 건들여서 수정하지..
어떻게 해야할까.......아ㅓ아아이ㅏㅣ

-> 직접 건들이지 말고, 덮어써야지

---

현재 날짜를 YYYY/MM/DD 형식으로 설정

let today = moment().format('YYYY/MM/DD'); 

-> Moment.js는 JavaScript에서 날짜와 시간을 다루기 쉽게 해주는 라이브러리이다. 이 라이브러리는 날짜의 포맷 변환, 날짜 간의 차이 계산, 시간대 처리 등을 매우 간단하게 수행

이라고 했는데

찾아보니 현재 유지보수가 중단된 상태라고 하네..?

Day.js -> Moment.js가 유사한 API를 제공, 더 가볍고 빠른 라이브러리!

---

위는 목적지 검색 시 나오는 정보인데
이제 사용자가 검색해서 선택했을 때, 일정 목록에 나타나도록 저 정보들을 가져오면 될 듯