사용 안내서 취소

시각적 개발을 위한 Dreamweaver 작업 영역 최적화

검색

마지막 업데이트 날짜 2022년 11월 28일

Dreamweaver

앱 열기

웹 애플리케이션 개발 패널 열기

[삽입] 패널의 [범주] 팝업 메뉴에서 [데이터] 범주를 선택하여 동적 콘텐츠 및 서버 비헤이비어를 페이지에 추가할 수 있도록 해주는 일련의 버튼을 표시합니다.

표시되는 버튼의 개수와 유형은 [문서] 창에 열려 있는 문서 유형에 따라 달라집니다. 마우스 포인터를 각 아이콘 위에 놓으면 해당 버튼의 기능을 알려주는 도구 설명이 표시됩니다.

[삽입] 패널에는 다음 항목을 페이지에 추가할 수 있는 버튼이 포함되어 있습니다.

레코드세트
동적 텍스트 또는 테이블
레코드 내비게이션 바

[보기] > [코드]를 선택하여 코드 보기로 전환하면 페이지에 코드를 삽입할 수 있는 추가 패널이 해당 [삽입] 패널 범주에 나타납니다. 예를 들어 코드 보기에서 ColdFusion 페이지를 보는 경우 [삽입] 패널의 [CFML] 범주에서 [CFML] 패널을 사용할 수 있습니다.

다음과 같은 패널을 통해 동적 페이지를 만들 수 있습니다.
- 바인딩 패널 - 페이지에 동적 내용 소스를 정의하여 추가하려면 [윈도우] > [바인딩]을 선택합니다.
- 서버 비헤이비어 패널 - 동적 페이지에 서버 측 논리를 추가하려면 [윈도우] > [서버 비헤이비어]를 선택합니다.
- 데이터베이스 패널 - 데이터베이스를 탐색하거나 데이터베이스 연결을 만들려면 [윈도우] > [데이터베이스]를 선택합니다.
- 구성 요소 패널 - ColdFusion 구성 요소에 대한 코드를 검사하거나 추가 또는 수정하려면 [윈도우] > [구성 요소]를 선택합니다.

참고:

[구성 요소] 패널은 ColdFusion 페이지를 열 때만 활성화됩니다.

서버 비헤이비어는 디자인 시 동적 페이지에 삽입되고 런타임 시 서버에서 실행되는 일련의 명령입니다.

개발 작업 영역 설정에 대한 튜토리얼은 www.adobe.com/go/vid0144_kr 사이트를 참조하십시오.

Dreamweaver에서 데이터베이스 보기

데이터베이스에 연결한 후에는 Dreamweaver 내에서 데이터베이스의 구조와 데이터를 볼 수 있습니다.

[윈도우] > [데이터베이스]를 선택하여 [데이터베이스] 패널을 엽니다.

[데이터베이스] 패널에는 연결되어 있는 모든 데이터베이스가 표시됩니다. ColdFusion 사이트를 개발하는 경우 ColdFusion Administrator에 데이터 소스가 정의되어 있는 모든 데이터베이스가 패널에 표시됩니다.

참고:

Dreamweaver에서는 현재 사이트에 대해 정의된 ColdFusion 서버를 확인합니다.

패널에 아무런 데이터베이스도 표시되지 않으면 데이터베이스 연결을 만들어야 합니다.
데이터베이스의 테이블, 저장 프로시저 및 보기를 표시하려면 목록에서 연결 옆에 있는 플러스 기호(+)를 클릭합니다.
테이블의 열을 표시하려면 테이블 이름을 클릭합니다.

열 아이콘은 데이터 유형을 반영하며 테이블의 기본 키를 나타냅니다.
테이블의 데이터를 보려면 목록에서 테이블 이름을 마우스 오른쪽 버튼으로 클릭하거나(Windows) Ctrl 키를 누른 채 테이블 이름을 클릭한 후(Macintosh) 팝업 메뉴에서 [데이터 보기]를 선택합니다.

브라우저에서 동적 페이지 미리보기

웹 애플리케이션 개발자는 웹 브라우저에서 페이지를 확인하여 디버그를 수행하는 경우가 많습니다. F12 키를 누르면 서버에 페이지를 수동으로 먼저 업로드할 필요 없이 브라우저에서 동적 페이지를 신속하게 볼 수 있습니다.

동적 페이지를 미리 보려면 [사이트 정의] 대화 상자에서 [테스트 서버] 범주의 설정을 완료해야 합니다.

Dreamweaver에서 원본 파일 대신 임시 파일을 사용하도록 지정할 수 있습니다. 이 옵션을 사용하면 Dreamweaver에서는 페이지를 사용자의 브라우저에 표시하기 전에 웹 서버에서 해당 페이지의 임시 사본을 실행합니다. 그런 다음 Dreamweaver에서는 서버에서 임시 파일을 삭제합니다. 이 옵션을 설정하려면 [편집] > [환경 설정] > [브라우저에서 미리보기]를 선택합니다.

[브라우저에서 미리보기] 옵션은 결과 페이지나 세부 정보 페이지와 같은 관련 페이지, 이미지 파일과 같은 종속 파일 및 서버측 포함은 업로드하지 않습니다. 누락된 파일을 업로드하려면 [윈도우] > [사이트]를 선택하여 [사이트] 패널을 열고, [로컬 폴더] 아래에서 파일을 선택한 후 툴바의 파란색 위쪽 화살표를 클릭하여 파일을 웹 서버 폴더로 복사합니다.

Dreamweaver에 표시되는 데이터베이스 정보 제한

Oracle과 같은 대형 데이터베이스 시스템의 고급 사용자는 디자인 시 Dreamweaver에서 검색하거나 표시할 데이터베이스 항목 수를 제한해야 합니다. Dreamweaver에서 디자인 시 처리할 수 없는 항목이 Oracle 데이터베이스에 포함되어 있을 수 있습니다. Oracle에서 스키마를 만든 다음 Dreamweaver에서 디자인할 때 이 스키마를 사용하여 불필요한 항목을 필터링하여 제거할 수 있습니다.

참고:

Microsoft Access에서는 스키마나 카탈로그를 만들 수 없습니다.

디자인 시 Dreamweaver에서 검색할 정보의 양을 제한하면 다른 사용자에게도 도움이 됩니다. 수십 또는 수백 개의 테이블을 포함하는 데이터베이스의 경우 작업할 때 그러한 테이블이 모두 나열되지 않도록 할 수 있습니다. 스키마나 카탈로그를 사용하면 디자인 시 가져올 데이터베이스 항목 수를 제한할 수 있습니다.

스키마나 카탈로그를 Dreamweaver에서 적용하려면 먼저 사용자의 데이터베이스 시스템에서 해당 스키마나 카탈로그를 만들어야 합니다. 해당 데이터베이스 시스템의 설명서를 참조하거나 시스템 관리자에게 문의하십시오.

참고:

ColdFusion 애플리케이션을 개발하거나 Microsoft Access를 사용할 경우에는 Dreamweaver에서 스키마나 카탈로그를 적용할 수 없습니다.

Dreamweaver에서 동적 페이지를 연 다음 [데이터베이스] 패널([윈도우] > [데이터베이스])을 엽니다.
- 연결이 이미 있는 경우 목록에서 원하는 연결을 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Ctrl 키를 누른 상태에서 연결을 클릭한 후(Macintosh) 팝업 메뉴에서 [연결 편집]을 선택합니다.
- 연결이 없으면 패널 위쪽의 플러스(+) 버튼을 클릭하여 연결을 만듭니다.
연결에 대한 대화 상자에서 [고급]을 클릭합니다.
해당 스키마나 카탈로그를 지정한 다음 [확인]을 클릭합니다.

ColdFusion 저장 프로시저 및 ASP 명령에 대한 속성 관리자 설정

선택한 저장 프로시저를 수정합니다. 사용할 수 있는 옵션은 서버 기술에 따라 다릅니다.

옵션을 편집합니다. 속성 관리자에서 새 옵션을 선택하면 Dreamweaver에서 페이지가 업데이트됩니다.

입력 이름 옵션

Dreamweaver에서 알 수 없는 입력 유형이 발견되면 이 속성 관리자가 표시됩니다. 일반적으로 오타나 기타 데이터 입력 오류가 원인입니다.

속성 관리자의 필드 유형을 Dreamweaver에서 인식할 수 있는 값으로 변경하면(예: 철자 오류 수정) 인식된 유형의 속성으로 업데이트되어 표시됩니다. 속성 관리자에서 다음 옵션을 설정합니다.

입력 이름

필드에 이름을 할당합니다. 이 상자는 필수 항목이며, 고유한 이름을 사용해야 합니다.

유형

필드의 입력 유형을 설정합니다. 이 상자의 내용은 현재 HTML 소스 코드에 나타난 입력 유형 값을 반영합니다.

값

필드의 값을 설정합니다.

매개 변수

필드의 현재 속성을 보거나 속성을 추가 또는 제거할 수 있는 [매개 변수] 대화 상자가 열립니다.

쉽고 빠르게 지원 받기

신규 사용자이신가요?