부트캠프 17일차 (유효성 검사, 이벤트 객체)

 

오늘의 생각

전체적으로 한가한 하루였다. 적응 안 됐던 어제에 비해 확실히 몸이 다시 공부할 준비가 된 것 같다. 하루의 대부분을 페어 분과 함께 유효성 검사를 구현하는 과제를 진행했는데, 생각보다 많이 쉬웠다. 저녁에 진행된 온라인 미팅에서도 이번 과제는 가이드가 많이 너무 많지 않았나 싶었다고 하셨다.

오전 즈음에 과제를 모두 완료했는데, DOM을 활용한 아주 기초적인 기능만 구현했기 때문에 더 자세한 기능을 구현하고 싶다는 욕심이 들었다. 남는 자유 시간에 복습과 더불어 DOM 기능을 보다 적극적으로 써보았다. 단순히 클래스 명을 통해 HTML 요소를 보이거나 숨기는 것 외에도 보다 엄격한 비밀번호의 유효성 검사 구현과 제출 버튼 활성화를 만들어 보았다.

아직 블로그를 통해 배운 개념들을 정리하지 못해서 해야 할 일이 산더미지만 DOM을 좀 더 깊이 이해하고 더 활용해보았기 떄문에 시간을 잘 활용한 것 같았다.

---

오늘의 키워드

문서 객체 모델(DOM), document.querySelector, 이벤트 객체, 이벤트 핸들러

---

오늘의 학습내용

• DOM과 JS의 차이: API (web or XML page) = DOM + JS (scripting language)
• querySelector를 활용한 변수의 선언과 할당, 해당 변수의 활용법
• 이벤트 객체의 정의와 종류
• 이벤트 핸들러가 필요한 이유와 그 구동 원리

---

어려웠던 keyword / 활용한 질문

• onclick, onkeyup, onscroll 등은 이벤트 핸들러와 이벤트 객체 중 무엇인가요?
• event 객체에는 어떤 내용이 출력되나요?
• event.target은 어떤 값을 담고 있나요?