DOM

settings_applicationsEventTarget

DOM

Writing
  • account_tree
  • bug_report

InterfaceWebSocket

실험적인 단계에 있어 현재 모든 웹브라우저에서 지원하지 않을 수 있으므로 반드시 지원 현황을 확인해야 한다.

서버와 클라이언트간의 WebSocket 프로토콜 통신을  위한 API를 제공하고 연결에 대한 데이터를 송수신한다.

설명

WebSocket 프로토콜 통신의 클라이언트는 보통 웹브라우저이겠지만 종속적이지 않다.

하위 트리 탐색

  • Constructor

    WebSocket() 생성자 함수를 사용하여 새 웹 소켓 연결을 위한 WebSocket 인스턴스를 생성할 수 있다.
    • WebSocket()

      새로운 WebSocket 인스턴스를 생성한다.
  • Constants

    • CLOSED

      연결이 닫혔거나 열 수 없는 상태를 나타낸다.
    • CLOSING

      연결을 닫는 중임을 나타낸다.
    • CONNECTING

      소켓이 생성되었지만 연결이 아직 열리지 않은 상태를 나타낸다.
    • OPEN

      연결이 열렸고 통신할 준비가 된 상태를 나타낸다.
  • [[Prototype]]

    생성자(constructor)를 가진 객체(object) 또는 인터페이스(interface)가 인스턴스(instance)를 생성할 때 상속할 수 있는 프로퍼티(property)와 메소드(method)를 가지고 있는 원형 객체를 참조하는 생성자의 은닉된 속성이다. 만약에 상속받은 객체(object) 또는 인터페이스(interface)가 존재한다면 상속한 객체(object) 또는 인터페이스(interface)의 [[Prototype]] 프로퍼티(property)와 메소드(method)를 추가적으로 사용할 수 있다.
    • Event Handlers

      • onclose

        웹 소켓의 연결이 닫히면 발생한다.
      • onerror

        WebSocket 네크워크 요청 작업 중에 오류가 발생했을 때 발생한다.
      • onmessage

        웹 소켓을 통해서 메시지를 받았을 때 발생한다.
      • onopen

        웹 소켓과의 연결이 열리면 이벤트가 발생한다.
    • Methods

      • close()

        연결된 WebSocket 또는 연결 시도가 있는 경우에 닫는다.
      • send()

        WebSocket 연결을 통해서 서버로 전송할 지정된 데이터를 대기열에 넣어 데이터를 포함하는데 필요한 바이트(byte) 수만큼 bufferedAmout 값을 늘린다.
    • Properties

      • binaryType

        WebSocket 연결을 통해 수신되는 이진 데이터의 유형을 설정하거나 조회한다.
      • bufferedAmount

        send() 메소드를 호출하여 대기열에 넣었지만 아직 전송되지 않는 데이터의 바이트(byte) 수를 조회한다.
      • extensions

        서버에서 선택한 extension을 조회한다.
      • protocol

        WebSocket 객체를 생성할 때 protocol 매개변수에 지정된 문자열 중 하나이거나 연결이 설정되지 않은 경우에는 빈 문자열 값을 조회한다.
      • readyState

        현재 연결 상태를 지정된 코드로 조회한다.
      • url

        WebSocket 객체의 절대 URL을 조회한다.

상속 계층 탐색

EventTarget

  • Methods

    • addEventListener()

      EventTarget 객체를 상속받는 하위 요소들의 이벤트 리스너(Listener)를 등록한다. 참고로 Window 객체도 포함된다.
    • dispatchEvent()

      사용자가 생성한 이벤트를 전달한다. 코드에 의한 이벤트 트리거(trigger)에 사용된다.
    • removeEventListener()

      등록된 이벤트를 제거한다. 이벤트 타입, 등록된 함수, 등록시 제공했던 다양한 옵션과 일치된 경우에 이벤트를 제거한다.

Object

  • Methods

    • hasOwnProperty()

      객체가 특정 프로퍼티를 가지고 있는지를 블린 값으로 반환한다.
    • isPrototypeOf()

      해당 객체가 다른 객체의 프로토타입 체인에 속한 객체인지를 체크한다. 이 메소드는 instanceof 연산자와 함께 특정 프로토타입으로부터 상속된 객체만 작동하게 하려는(예를 들어 특정 메소드나 속성이 객체에 있다는걸 보장하려는 때) 코드에서 특히 쓸모가 많다.
    • propertyIsEnumerable()

      매개 변수의 속성이 열거가능한지 여부를 체크한다.
    • toLocaleString()

      객체를 나타내는 문자열을 사용 지역의 방식으로 출력이 된다. 이 메소드는 상속받은 모든 객체가 사용할 수 없고 아래와 같은 상속된 객체에 사용이 된다. Array.prototype.toLocaleString() Number.prototype.toLocaleString() Date.prototype.toLocaleString()
    • toString()

      객체를 나타내는 문자열을 반환한다.
    • valueOf()

      객체의 Primitive(원시) 값을 반환한다.
  • Properties

    • constructor

      객체의 생성자 함수를 참조한다.
    • __proto__

      상속된 [[Prototype]] 참조하거나 설정가능하며 일반적으로 실제 코드상에서는 잘 사용되지 않는다. ECMAScript에서 사용되지 않는 비표준이지만 최신 웹브라우저에서는 비공식적으로 지원하고 있다. 따라서 곧 표준 속성으로 지원될 확률이 높다.

지원 웹브라우저