77일차(2)
-
Day77 - [js]form 객체 , 날짜
이번에는 java script 의 form 객체 와 날짜 에 대해서 알아 봅시다. form 객체 form 객체는 DOM 의 하위에 있습니다. form 태그에 name 을 주면 document.form이름 으로 접근이 가능합니다. 그리고, form 안에 있는 요소들 ex) input 태그 에 접근 할 때는, 가져오고싶은 태그에 name을 작성한 뒤, 위에서 가져온 form 에 . name을 붙여서 접근할 수 있습니다. ※ console.log 를 사용한 것은, 원하는 태그가 가져와 졌는지 확인하기 위해서. 이런 form 객체를 이용해서, 아이디, 비밀번호, 이메일 등의 유효성을 검사 합니다. 유효성을 검사할 때는, 정규식표현법.test(검사할값) 을 사용합니다. 예제. 정규식 표현법은 찾아보면 많이 나오기..
2021.06.05 -
Day77 - [js]이벤트중단, dataset, 토글탭
이번에는 java script의 이벤트를 중단하는 방법과 dataset 에 대해서 알아 본 후, 토글탭을 만들어 봅시다. 이벤트중단 기존 태그가 가지고 있는 이벤트를 제거하기 위해서는, event.preventDefault() 를 사용하면 됩니다. 여기서 말하는 태그가 가지고 있는 이벤트란, 예를 들면 태그를 클릭했을 때, 페이지가 이동되는 것을 뜻 합니다. 태그가 이렇게 있을 때, 클릭했을 경우, 바로 해당 페이지로 넘어가는게 아니라, 여기서 뭔가 작업을 처리하고 정해진 곳으로 넘어가야 한다면, 부모에 해당하는 에 click 이벤트를 주고 event.preDefault() 를 사용합니다. dataset dataset 은, 태그에 데이터를 가지고 있도록 해주는 속성 입니다. 태그에 data-이름="값" ..
2021.06.05