TIL(2021.02.03 - 02.04)

1. 유효성 검사

Achievement Goals

• DOM 기초 실습을 통해, 구체적인 사용법을 익힐 수 있다.(O)
• querySelector를 활용하여 HTML 엘리먼트 정보를 가져올 수 있다.(O)
• oncilck , addEventListener 메소드로 이벤트 핸들러 함수를 HTML 엘리먼트에 적용할 수있다.(O)
• 이벤트 핸들러 함수에서 이벤트 발생 지점의 정보를 확인할 수 있다.(O)
• 이벤트 핸들러 함수에서 유효성 검사를 할 수 있다.(O)
• 유효성 검사에 필요한 기술 요소를 익힐 수 있다.(O)
• 유효성 검사에 필요한 HTML 엘리먼트, CSS 속성이 무엇인지 알 수 있다.(O)
• 유효성 검사에서 활용할 수 있는 정규표현식 사용법 기초에 대해서 익힐 수 있다.()

2. Twittler

• 그 동안 배운것들을 토대로 동적으로 움직이는 작은 가짜트위터 웹 만들기

회고

생각보다 너어어어어어어무 어려웠다. 왜 HTML 단계부터 골격을 잘 만들어야 하는지를 뼈저리게 느끼는 시간이 되었다. HTML단계에서 구간을 정확히 나누어 놓고, CSS의 flex Box를 통해서 구간들을 내가 원하는 방향으로 적절히 잘 배치시켜 놓아야, 자바스크립트의 단계에서 무언가를 입력시켜놓았을때 내가 원하는 대로 동작 할수 있다. HTMl과 CSS 도 빼먹지 말고 꾸준히 공부하자. 프리코스 끝나기 전에 스스로 혼자 클론코딩을 해보는게 굉장히 큰 도움이 될 것 같다.