Day77 - [js]form 객체 , 날짜

이번에는 java script 의 form 객체 와 날짜 에 대해서 알아 봅시다.

 

form 객체

 

form 객체는 DOM 의 하위에 있습니다.

 

form 태그에 name 을 주면 document.form이름 으로 접근이 가능합니다.

그리고, form 안에 있는 요소들 ex) input 태그

 

에 접근 할 때는, 가져오고싶은 태그에 name을 작성한 뒤, 위에서 가져온 form 에 . name을 붙여서 접근할 수 있습니다.

※ console.log 를 사용한 것은, 원하는 태그가 가져와 졌는지 확인하기 위해서.

 

이런 form 객체를 이용해서, 아이디, 비밀번호, 이메일 등의 유효성을 검사 합니다.

 

유효성을 검사할 때는, 정규식표현법.test(검사할값) 을 사용합니다.

 

예제.

정규식 표현법은 찾아보면 많이 나오기도 하고, java 에서 배웠던 정규식표현법과 그렇게 크게 다르지 않기 때문에 간단히 설명하고 넘어 갔습니다.

 

java script의 정규식 표현법은 시작과 끝은 / 를 감싸주어야 합니다.

 

날짜

날짜는 java , database 에서도 다룰 수 있었죠?

 

java script 에서는 어떻게 다루는지 알아봅시다.

 

날짜는 년 월 일 시 분 초 까지 나타납니다.

 

날짜를 생성하는 할 때, new Date() 를 사용합니다. () 안에 아무것도 넣지 않는다면, 현재 날짜를 바탕으로 만들어 짐.

() 안에 날짜를 넣을 수 있음. 

밀리초를 기준으로 넣을 수도 있습니다.

날짜를 생성했다면, 년, 월, 일, 시, 분, 초, 밀리초 를 얻어 봅시다.

java script 에서 얻어와지는 월, 일, 시, 분, 초 는 10 이하일 경우 1자리 숫자만 반환 되기 때문에, 아래와 같이 작성해주기도 합니다.

 

날짜를 다루는 이유는, 어떤 게시물 을 작성하거나 어떤 댓글을 달았을 때 뒤에 방금전 or 몇시간 전, 몇일 전, 날짜 이렇게 나오는 걸 만들기 위해서 인데요

 

현재 날짜에서 게시글을 만든 날짜를 가져와서 - 해줍니다.

※ 보통 이렇게 계산할 때는, 밀리초를 가지고 계산합니다.

 

그리고, 시간 계산을 해서 표기할 값을 정합니다.

1일 : 24(시) * 60(분) * 60(초) * 1000(밀리초)