Web APIs

Web APIs

설명

웹 애플리케이션 개발을 할 때 사용할 수 있는 다양한 WEB API에 대한 레퍼런스이다. 일반적으로 JavaScript와 함께 사용되지만 항상 그런 것은 아님을 참고하길 바란다.

계층 탐색

  • Console

    console 객체는 브라우저의 디버깅 콘솔(Firefox 웹 콘솔 등)에 접근할 수 있는 메서드를 제공한다.
    • Console

      Console API는 개발자가 코드의 설정 지점에서 메시지 또는 변수 값 로깅, 디버깅 작업을 수행할 수 있는 기능을 제공한다.
      • Methods

        메소드
        • dir()

          인수로 지정된 객체의 특성에 대한 트리 구조로 탐색할 수 있다.
        • log()

          인수로 지정된 객체 또는 변수를 콘솔에 출력한다.
  • Web Animation

    • Animation

      Animation 인터페이스는 단일 애니메이션 플레이어를 나타내며 애니메이션 컨트롤 또는 애니메이션 타임라인을 제공한다.
      • Constructor

        생성자
        • Animation()

          새로운 Animation 인스턴스 생성자 함수
      • Event Handler

        이벤트 핸들러
        • oncancel

          애니메이션이 취소될 때 실행된다.
        • onfinish

          애니메이션이 종료될 때 실행한다.
        • onremove

          애니메이션이 제거될 때(즉, 활성 바꾸기 상태) 실행한다.
      • Methods

        • cancel()

          모든 키프레임 효과를 지우고 재생을 중단한다.
        • commitStyles()

          애니메이션이 제거된 후에도 애니메이션의 끝 스타일링 상태를 애니메이션 중인 요소에 적용한다.
        • finish()

          애니메이션이 재생 중인지 또는 반전 중인지에 따라 애니메이션의 끝을 찾는다.
        • pause()

          애니메이션 재생을 일시 중지한다.
        • persist()

          웹브라우저의 채우기 애니메이션 자동 제거 동작으로 인해 애니메이션이 제거될 때 애니메이션이 명시적으로 유지된다.
        • play()

          애니메이션 재생을 시작 또는 일시 정지후 재개하거나 이전에 애니메이션을 완료한 경우 애니메이션을 다시 시작한다.
        • reverse()

          애니메이션이 재생중인 경우 재생 방향을 반대로 한다. 애니메이션이 완료되거나 재생 전이면 처음부터 끝까지 재생된다.
        • updatePlaybackRate()

          재생 위치를 먼저 동기화한 후 애니메이션의 속도를 설정한다.
      • Properties

        • currentTime

          실행 또는 일시 중지 여부와 관계없이 애니메이션의 현재 시간(밀리초:milliseconds)을 조회한다. 타임라인이 없거나 아직 실행되기 전이라면 null 값을 갖는다.
        • effect

          KeyframeEffect 객체를 참조한다.
        • finished

          애니메이션에 대해 현재 완료된 Promise를 반환한다.
        • id

          애니메이션을 식별할 수 있는 id를 설정하거나 조회할 수 있다.
        • pending

          애니메이션이 현재 재생 시작 또는 실행중인 애니메이션 일시 중지와 같은 비동기 작업을 기다리고 있는지 여부를 조회한다.
        • playbackRate

          애니메이션의 재생 속도를 조회하거나 설정할 수 있다.
        • playState

          애니메이션의 재생 상태를 설명하는 열거된 값을 조회한다.
        • ready

          애니메이션에 대한 준비된 Promise를 조회한다.
        • replaceState

          애니메이션의 교체 상태를 조회한다.
        • startTime

          애니메이션이 재생 되어야 하는 시간을 예약하거나 예약된 시간을 조회할 수 있다.
        • timeline

          애니메이션과 관련된 타임라인을 조회하거나 설정한다.