Dreamweaver에서 클라이언트측 XSL 변환을 수행하는 방법을 살펴봅니다. 또한 XSLT 페이지를 만들고 이를 XML 페이지에 연결하는 방법도 살펴봅니다.

참고:

Dreamweaver CC 이상 버전에서 사용자 인터페이스가 간소화되었습니다. 따라서 이 문서에 설명된 옵션 중에 Dreamweaver CC 이상 버전에 없는 옵션이 있을 수 있습니다. 자세한 내용은 이 문서를 참조하십시오.

클라이언트측 XSL 변환을 수행하기 위한 워크플로

클라이언트측 XSL 변환을 수행할 수 있습니다. XML 데이터를 표시하는 페이지를 작성하기 전에 먼저 서버 측 및 클라이언트측 XSL 변환과 웹 페이지에서 XML 및 XSL을 사용하는 방법을 참조하십시오.

클라이언트측 XSL 변환을 수행하는 일반적인 워크플로는 다음과 같습니다(각 단계는 해당 항목에서 설명합니다).

Dreamweaver 사이트를 설정합니다.

XSLT 페이지를 만들거나 HTML 페이지를 XSLT로 변환합니다.

  • Dreamweaver 사이트에서 전체 XSLT 페이지를 만듭니다.

  • 기존 HTML 페이지를 전체 XSLT 페이지로 변환합니다.

아직 연결하지 않은 경우 XML 데이터 소스를 페이지에 연결합니다.

연결한 XML 파일은 XSLT 페이지와 동일한 디렉터리에 있어야 합니다.

XML 데이터를 XSLT 페이지에 바인딩합니다.

데이터를 전체 XSLT 페이지에 바인딩하여 XML 데이터를 표시합니다.

해당될 경우 반복 영역 XSLT 오브젝트를 XML 데이터 자리 표시자가 들어 있는 표나 표 행에 추가합니다.

XSLT 페이지를 XML 페이지에 연결합니다.

XML 페이지와 링크된 XSLT 페이지를 모두 웹 서버에 게시합니다.

브라우저에서 XML 페이지를 봅니다.

이 경우 브라우저가 XML 데이터를 변환하고 XSLT 페이지로 서식을 지정한 후 스타일이 지정된 페이지를 표시합니다.

전체 XSLT 페이지 만들기 및 데이터 표시

클라이언트측 변환에 전체 XSLT 페이지를 사용해야 합니다. XSLT 부분은 이 변환 유형에서 작동하지 않습니다. 다음의 일반적인 절차에 따라 XSLT 페이지를 만들고 해당 페이지에 XML 데이터를 바인딩하고 클라이언트측 변환을 위해 해당 페이지에 서식을 지정합니다.

XSLT 페이지 만들기

XSLT 페이지에 데이터 표시

XSLT 페이지에 반복 요소 표시

XML 데이터에 대한 동적 내용 자리 표시자가 있는 전체 XSLT 페이지의 경우 XSLT 페이지에 대한 참조를 XML 페이지에 삽입해야 합니다.

참고:

클라이언트측 변환에 사용할 XML 및 XSL 파일은 동일한 디렉터리에 있어야 합니다. 그렇지 않으면 브라우저에서 XML 파일을 읽거나 변환에 사용할 XSLT 페이지를 찾을 수는 있지만, XSLT 페이지의 상대 링크에 정의된 에셋(스타일 시트, 이미지 등)은 찾을 수 없습니다.

  1. XSLT 페이지에 연결할 XML 파일을 엽니다.
  2. [명령] > [XSLT 스타일 시트 첨부]를 선택합니다.
  3. [XSLT 스타일 시트 첨부] 대화 상자에서 [검색] 버튼을 클릭하여 연결할 XSLT 페이지를 찾아 선택한 다음 [확인]을 클릭합니다.
  4. [확인]을 클릭하여 대화 상자를 닫고 XML 문서 위쪽에 XSLT 페이지에 대한 참조를 삽입합니다.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책