0223/JavaScript

쌍용교육센터에서 공부한 내용을 정리하며 기록하는 글이고 주관적인 생각이 들어갈 수 있습니다.
잘못된 내용이나 피드백 및 생각 공유는 언제든 환영입니다.
댓글로 남겨주시면 확인 후 수정하겠습니다.
내용에 대한 소스 코드는 https://github.com/2jaehoon/html에 올려두었습니다.

 

프론트와 백엔드의 구분하는 기준 -  어떤 자원을 사용하는 가에 따라 달라짐

 

날짜

  - Date클래스를 사용.
  - 접속자의 컴퓨터의 날짜 정보가 얻어진다.

    ( 모든 접속자가 동일한 날짜정보가 아닌 다른 날짜정보가 얻어 질 수 있다. )

//1. 객체생성 – 접속자 컴퓨터의 설정된 날짜정보가 얻어진다. 
var date=new Date();
//2. 함수 호출
var year= date.getFullYear();
//월은 0월부터 시작된다.
var month=date.getMonth()+1;

 

지정한 시간에 지정한 함수를 호출하는 함수

//주의 : 함수명() 를 사용하여 호출하는 것이 아님 ()를 제거해야 함
setTimeout( 호출할 함수명 , ms );

HTML Form Control의 값 얻기

  - 사용자가 입력한 값에 대한 유효성 검증을 수행하기 위해
  - id 속성을 사용, name속성 사용

 

* id속성 사용

  - HTML Form Control이 <form>에 자식 태그로 등록되지 않아도 
    접근하여 값을 얻을 수 있다.
  - 유일한 id를 사용하기 때문에 checkbox, radio의 확인된 값을 얻기 어렵다.
  - 반복 코드가 많아진다.
  - 값을 얻는 것보다는 디자인을 변경할 때 주로 사용한다.

//1. Form Control에 접근
var obj=document.getElementById( "아이디" );
//2. 값을 얻는다. ( .value => 입력 값을 얻는 속성 )
var value=obj.value;

* name 속성으로 값 얻기

  - <form> 태그가 반드시 필요
  - HTML Form Control이 <form>에 자식 태그로 등록되어야 접근하여 
    값을 얻을 수 있다.
  - name 속성을 이용하기 때문에 checkbox, radio의 확인된 값을 얻기 쉽다.
  - 반복 코드가 줄어든다.

//window.document 생략 가능
window.document.폼이름.control명.value;