HTML 문서 생성하기 및 프런트패널 이미지 내장하기
- 업데이트 날짜:2025-08-27
- 2분 (읽기 시간)
다음 단계를 따라 HTML 문서를 생성하고, VI나 독립 어플리케이션 프런트패널의 정적인 혹은 동적인 이미지를 내장합니다. 또한, 프런트패널의 이미지를 기존의 HTML 문서에 넣을 수 있습니다.
노트 HTML문서에 어플리케이션의 프런트패널을 임베드하는 경우, 해당 어플리케이션에서 웹 서버 활성화를 위해 임베드된 VI의 프런트패널을 사용합니다.
- 클라이언트에게 보여주고자 하는 프런트패널을 엽니다.
- 도구≫웹 출판 도구를 선택하여 웹 출판 도구 대화 상자를 디스플레이합니다.
- VI 이름 필드에서 VI 이름을 선택하거나 VI 이름 풀다운 메뉴에서 탐색을 선택하여 VI를 찾습니다.

노트 웹 출판 도구는 VI를 열려는 어플리케이션 인스턴스에서 HTML 파일을 생성합니다. 다른 어플리케이션 인스턴스에서 VI를 닫고 다시 열려는 경우 클라이언트는 VI를 볼 수 없습니다. - 웹 브라우저에서 프런트패널이 어떻게 나타날지 설정합니다.
- 보기 모드 섹션에서, 프런트패널 내장, 스냅샷 찍기, 모니터링 중 원하는 것을 선택합니다.
- 내장된 패널 이미지 주위에 경계선을 놓으려면 경계 보이기 확인란에 확인 표시를 합니다.
- 내장된 프런트패널이 곧바로 컨트롤을 요청할 수 있도록 하려면 연결될 때 컨트롤 요청 확인란에 확인 표시를 합니다.
- 다음 버튼을 클릭하여 HTML 출력 옵션을 디스플레이합니다. 문서 제목, 머리글, 바닥글 텍스트 박스에 텍스트를 입력합니다.
- 기본 브라우저에서 문서를 미리 보려면, 웹 서버 시작 버튼을 클릭한 후 브라우저에서 미리보기 버튼을 클릭합니다. 웹 서버 시작 버튼이 비활성화된 경우, 웹 서버가 이미 시작된 상태입니다.
- 다음 버튼을 클릭하여 파일 저장 옵션을 디스플레이합니다. HTML 파일과 HTML 파일이름을 저장하려는 디렉토리의 경로를 확인하거나 편집합니다. 원격 컴퓨터에서 문서를 보고자 한다면, 일반적으로 labview\www인 웹 서버 루트 디렉토리에 HTML 문서를 저장합니다.
- HTML 문서에 제목, 텍스트, VI 프런트패널 이미지를 저장하기 위해 디스크에 저장 버튼을 클릭합니다. 문서를 웹 서버 루트 디렉토리에 저장한 경우, 문서 URL 대화 상자는 웹 페이지의 URL을 디스플레이합니다.
- 연결 버튼을 클릭하여 HTML 문서를 보거나, 또는 확인 버튼을 클릭하여 웹 출판 도구 대화 상자로 돌아갑니다.
- 완료 버튼을 클릭하여 웹 출판 도구에서 나옵니다.
- 보기 모드 섹션의 임베디드를 선택한 경우, 클라이언트를 통해 프런트패널을 보려고 하는 VI가 서버 컴퓨터의 메모리 안에 있도록 확인합니다.
웹 출판 도구에서 웹 서버를 시작했고 웹 서버를 닫아야 할 경우, 다음 단계를 따릅니다.
- 도구≫옵션을 선택하여 옵션 대화 상자를 디스플레이합니다.
- 옵션 대화 상자의 항목 리스트에서 웹 서버를 선택합니다.
- 리모트 패널 서버 섹션의 리모트 패널 서버 활성화 확인란에서 확인 표시를 제거합니다.
- 확인 버튼을 클릭하여 옵션 대화 상자를 닫고 변경사항을 저장합니다.
LabVIEW를 설치하지 않은 클라이언트가 원격으로 프런트패널을 보고 컨트롤하려는 경우, 반드시 LabVIEW 런타임 엔진을 설치한 다음 원격으로 프런트패널을 확인해야 합니다.
모든 HTML 편집기에서 웹 출판 도구로 생성된 HTML 파일을 열 수 있으며 HTML을 사용자 정의할 수 있습니다. 프런트패널 이미지를 내장하는 코드 섹션을 찾아서 이미지에 대한 속성을 지정합니다.