본문으로 건너뛰기

초기화

이 가이드는 페이지에 Booking 인스턴스를 생성하는 과정을 안내합니다. 다음 단계를 따라 컴포넌트를 사용할 수 있도록 준비하세요:

  1. Booking 소스 파일 포함.
  2. 컨테이너 생성.
  3. 생성자로 Booking 초기화.

소스 파일 포함​

Booking 위젯은 페이지에 로드하는 두 개의 파일로 제공됩니다.

패키지를 다운로드하여 프로젝트 폴더에 압축을 해제하세요. 페이지에 다음 파일을 추가합니다:

  • booking.js — Booking 소스 코드
  • booking.css — Booking 스타일시트

소스 파일에 대한 올바른 상대 경로를 설정하세요.

다음 코드 스니펫은 dist/ 폴더에서 Booking 파일을 포함합니다:

index.html
<script type="text/javascript" src="./dist/booking.js"></script>
<link rel="stylesheet" href="./dist/booking.css">

컨테이너 생성​

Booking 위젯을 호스팅할 HTML 요소를 추가하고 ID를 지정합니다. 예를 들어 root로 설정합니다.

다음 코드 스니펫은 ID가 root인 컨테이너를 생성합니다:

index.html
<div id="root"></div>

Booking 초기화​

두 개의 매개변수를 사용하여 booking.Booking 생성자를 호출합니다:

  • container — 위젯을 호스팅하는 HTML 컨테이너의 선택자 또는 ID
  • config — 구성 속성을 포함하는 객체 (구성 속성 참조)

다음 코드 스니펫은 #root 컨테이너 안에 Booking을 초기화합니다:

index.html
// Booking 생성
new booking.Booking("#root", {
    // 구성 속성
});

구성 속성​

정보

Booking을 구성하는 데 사용되는 전체 속성 목록은 속성 개요를 참조하세요.

예제​

아래 스니펫은 초기 속성 세트와 함께 Booking을 초기화합니다:

Need more help?Contact Support