자바스크립트 활용2

박정호·2024년 11월 4일

JS

목록 보기
4/8

1. Date

1-1. 날짜, 시간 계산

  • 두 날짜의 차이를 구하기 : TimeStamp 값 사용
  • 1/1000 초 다윈 형태로 반환해서 리턴
  • getTime()
  • 두 객체 사이의 날짜 값
    -> 24(시간)60(분)60(초)*1000 으로 나누면 된다.
  • 나눈 값은 소수점 이하를 빼야한다.

1-2. setInterval 함수

  • setInterval 함수는 다른 함수의 이름과 1/1000초 단위의 시간값을 파라미터로 설정하여 정해진 시간에 한번씩 파라미터로 전달된 함수를 반복적으로 호출한다.
    // printTime

1-3. setTimeout()

  • 지정된 시간만큼 딜레이 한 후 파라미터로 전달된 함수를 1회만 호출

2. 웹브라우저와 javascript

  • 웹 브라우저에 올라가는 것은 HTML, CSS, Javascript이다.
  • HTML : 정보
  • CSS : 디자인
  • Javascript : 웹 브라우저 HTML 제어

3. HTML에서 자바스크립트 로드하기

3-1. inline

  • inline방식은 태그에 직접 자바스크립트를 기술하는 방식이다. 장점은 태그에 연관된 스크립트가 분명하게 드러난다는 점이다. 하지만 정보와 제어가 섞여 있기 때문에 정보로서의 가치가 떨어진다.

4. Object Model

  • 웹 브라우저의 구성요소들은 하나하나가 객체화 되어있다. 자바스크립트로 이 객체를 제어해서 웹브라우저를 제어할 수 있게 된다. 이 객체들은 서로 계층적인 관계로 구조화 할 수 있다.
  • BOM과 DOM은 이 구조를 구성하고 있는 가장 큰 틀의 분류라고 할 수 있다.

4-1. window객체

  • window 객체는 DOM을 포함한 브라우저의 창을 나타낸다. 자바스크립트 모든 객체, 전역 변수, 전역 함수들은 자동으로 window 객체의 프로퍼티가 된다.
  • BOM : browser object model
  • DOM : document object model

0개의 댓글