사용 안내서 취소

레코드 삽입 페이지 구성

검색

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

Dreamweaver 애플리케이션에서 사용자가 데이터베이스에 새 레코드를 삽입할 수 있는 레코드 삽입 페이지를 작성하는 방법에 대해 학습합니다.

참고:

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

레코드 삽입 페이지 구성 정보

사용자가 데이터베이스에 새 레코드를 삽입할 수 있는 페이지를 애플리케이션에 넣을 수 있습니다.

삽입 페이지는 두 개의 구성 블록으로 구성됩니다.

사용자가 데이터를 입력할 수 있는 HTML 양식
데이터베이스를 업데이트하는 레코드 삽입 서버 비헤이비어

사용자가 양식에서 [전송]을 클릭하면 서버 비헤이비어가 데이터베이스 테이블에 레코드를 삽입합니다.

이러한 구성 블록은 [레코드 삽입 양식] 데이터 오브젝트를 사용하여 한 번에 추가할 수도 있고 Dreamweaver 양식 도구와 [서버 비헤이비어] 패널을 사용하여 개별적으로 추가할 수도 있습니다.

참고:

삽입 페이지에는 레코드 편집 서버 비헤이비어를 한 번에 하나만 넣을 수 있습니다. 예를 들어 삽입 페이지에는 [레코드 업데이트] 또는 [레코드 삭제] 서버 비헤이비어를 추가할 수 없습니다.

블록별 삽입 페이지 빌드

양식 도구와 서버 비헤이비어를 사용하여 삽입 페이지를 구성할 수도 있습니다.

삽입 페이지에 HTML 양식 추가

[파일] > [새로 만들기] > [빈 페이지]를 선택하여 동적 페이지를 만들고 Dreamweaver 디자인 도구를 사용하여 페이지 레이아웃을 구성합니다.
양식을 표시할 위치에 삽입 포인터를 놓고 [삽입] > [양식] > [양식]을 선택하여 HTML 양식을 추가합니다.

페이지에 빈 양식이 만들어집니다. 가는 빨간 선으로 표시되는 양식의 경계선을 표시하기 위해 [보이지 않는 요소]([보기] > [시각 도구] > [보이지 않는 요소])를 활성화할 수도 있습니다.
문서 창 아래쪽에서 <form> 태그를 클릭하여 양식을 선택하고 [윈도우] > [속성]을 선택하여 속성 관리자를 연 다음 [양식 이름] 상자에 이름을 입력하여 HTML 양식의 이름을 지정합니다.

사용자가 [전송] 버튼을 클릭할 때 레코드 데이터를 전송할 위치와 방법을 나타내는 양식의 action이나 method 속성은 지정하지 않아도 됩니다. [레코드 삽입] 서버 비헤이비어가 이 속성을 설정해 줍니다.
레코드를 삽입하려는 데이터베이스 테이블의 각 열에 대해 [삽입] > [양식] > [텍스트 필드]를 선택하여 텍스트 필드와 같은 양식 오브젝트를 추가합니다.

양식 오브젝트는 데이터를 입력하는 부분입니다. 이러한 용도의 흔한 예로 텍스트 필드를 들 수 있으며 메뉴, 옵션 및 라디오 버튼 등도 사용할 수 있습니다.
[삽입] > [양식] > [버튼]을 선택하여 양식에 [전송] 버튼을 추가합니다.

원하는 경우 [전송] 버튼을 선택하고 [윈도우] > [속성]을 선택하여 속성 관리자를 연 다음 [레이블] 상자에 새 값을 입력하여 버튼의 레이블을 변경할 수 있습니다.

데이터베이스 테이블에 레코드를 삽입하는 서버 비헤이비어 추가(ColdFusion)

[서버 비헤이비어] 패널([윈도우] > [서버 비헤이비어])에서 플러스(+) 버튼을 클릭한 다음, 팝업 메뉴에서 [레코드 삽입]을 선택합니다.
[값 전송 위치] 팝업 메뉴에서 양식을 선택합니다.
[데이터 소스] 팝업 메뉴에서 데이터베이스에 대한 연결을 선택합니다.
사용자 이름과 암호를 입력합니다.
[테이블에 삽입] 팝업 메뉴에서 레코드를 삽입할 데이터베이스 테이블을 선택합니다.
레코드를 삽입할 데이터베이스 열을 지정하고, [값] 팝업 메뉴에서 레코드를 삽입할 양식 오브젝트를 선택한 다음 [전송 형식] 팝업 메뉴에서 양식 오브젝트의 데이터 유형을 선택합니다.

데이터 유형은 텍스트, 숫자, 불린 옵션 값 등 데이터베이스 테이블의 열에 사용할 수 있는 데이터의 종류입니다.

양식에 있는 각 양식 오브젝트마다 이 절차를 반복합니다.
레코드를 테이블에 삽입한 후 열 페이지를 [삽입 후 이동 위치] 상자에 입력하거나 [검색] 버튼을 클릭하여 파일을 찾습니다.
[확인]을 클릭합니다.

Dreamweaver가 서버 비헤이비어를 페이지에 추가합니다. 이 서버 비헤이비어는 사용자가 HTML 양식을 작성하고 [전송] 버튼을 클릭했을 때 데이터베이스 테이블에 레코드를 삽입합니다.

데이터베이스 테이블에 레코드를 삽입하는 서버 비헤이비어 추가(ASP)

[서버 비헤이비어] 패널([윈도우] > [서버 비헤이비어])에서 플러스(+) 버튼을 클릭한 다음, 팝업 메뉴에서 [레코드 삽입]을 선택합니다.
[연결] 팝업 메뉴에서 데이터베이스에 대한 연결을 선택합니다.

연결을 정의해야 할 경우 [정의] 버튼을 클릭합니다.
[표에 삽입] 팝업 메뉴에서 레코드를 삽입할 데이터베이스 테이블을 선택합니다.
레코드를 테이블에 삽입한 후 열 페이지를 [삽입 후 이동 위치] 상자에 입력하거나 [검색]을 클릭하여 파일을 찾습니다.
[다음에서 값 가져오기] 팝업 메뉴에서 데이터 입력에 사용되는 HTML 양식을 선택합니다.

Dreamweaver는 페이지의 첫 번째 양식을 자동으로 선택합니다.
레코드를 삽입할 데이터베이스 열을 지정하고, [값] 팝업 메뉴에서 레코드를 삽입할 양식 오브젝트를 선택한 다음 [전송 형식] 팝업 메뉴에서 양식 오브젝트의 데이터 유형을 선택합니다.

데이터 유형은 텍스트, 숫자, 불린 옵션 값 등 데이터베이스 테이블의 열에 사용할 수 있는 데이터의 종류입니다.

양식에 있는 각 양식 오브젝트마다 이 절차를 반복합니다.
[확인]을 클릭합니다.

Dreamweaver가 서버 비헤이비어를 페이지에 추가합니다. 이 서버 비헤이비어는 사용자가 HTML 양식을 작성하고 [전송] 버튼을 클릭했을 때 데이터베이스 테이블에 레코드를 삽입합니다.

서버 비헤이비어를 편집하려면 [윈도우] > [서버 비헤이비어]를 선택하여 [서버 비헤이비어] 패널을 열고 [레코드 삽입] 비헤이비어를 더블 클릭합니다.

데이터베이스 테이블에 레코드를 삽입하는 서버 비헤이비어 추가(PHP)

[서버 비헤이비어] 패널([윈도우] > [서버 비헤이비어])에서 플러스(+) 버튼을 클릭한 다음, 팝업 메뉴에서 [레코드 삽입]을 선택합니다.
[값 전송 위치] 팝업 메뉴에서 양식을 선택합니다.
[연결] 팝업 메뉴에서 데이터베이스에 대한 연결을 선택합니다.
[표에 삽입] 팝업 메뉴에서 레코드를 삽입할 데이터베이스 테이블을 선택합니다.
레코드를 삽입할 데이터베이스 열을 지정하고, [값] 팝업 메뉴에서 레코드를 삽입할 양식 오브젝트를 선택한 다음 [전송 형식] 팝업 메뉴에서 양식 오브젝트의 데이터 유형을 선택합니다.

데이터 유형은 텍스트, 숫자, 불린 옵션 값 등 데이터베이스 테이블의 열에 사용할 수 있는 데이터의 종류입니다.

양식에 있는 각 양식 오브젝트마다 이 절차를 반복합니다.
레코드를 테이블에 삽입한 후 열 페이지를 [삽입 후 이동 위치] 상자에 입력하거나 [검색] 버튼을 클릭하여 파일을 찾습니다.
[확인]을 클릭합니다.

Dreamweaver가 서버 비헤이비어를 페이지에 추가합니다. 이 서버 비헤이비어는 사용자가 HTML 양식을 작성하고 [전송] 버튼을 클릭했을 때 데이터베이스 테이블에 레코드를 삽입합니다.

한 번에 삽입 페이지 구성

페이지를 디자인 뷰에서 열고 [삽입] > [데이터 오브젝트] > [레코드 삽입] > [레코드 삽입 양식 마법사]를 선택합니다.
[연결] 팝업 메뉴에서 데이터베이스에 대한 연결을 선택합니다. 연결을 정의해야 하는 경우 [정의]를 클릭합니다.
[표에 삽입] 팝업 메뉴에서 레코드를 삽입할 데이터베이스 테이블을 선택합니다.
ColdFusion을 사용하는 경우 사용자 이름과 암호를 입력합니다.
레코드를 테이블에 삽입한 후 열 페이지를 [삽입 후 이동 위치] 상자에 입력하거나 [검색] 버튼을 클릭하여 파일을 찾습니다.
[양식 필드] 영역에서, 삽입 페이지의 HTML 양식에 포함할 양식 오브젝트 및 데이터베이스 테이블에서 각 양식 오브젝트가 업데이트할 열을 지정합니다.

기본적으로, Dreamweaver는 데이터베이스 테이블의 각 열에 해당하는 양식 오브젝트를 만듭니다. 새로 만든 레코드마다 데이터베이스에서 자동으로 고유 키 ID를 생성할 경우에는 키 열에 해당하는 양식 오브젝트를 목록에서 선택하고 마이너스(-) 버튼을 클릭하여 제거합니다. 이렇게 하면 양식 사용자가 이미 존재하는 ID 값을 입력하는 것을 방지할 수 있습니다.

또한 목록에서 양식 오브젝트를 선택하고 대화 상자의 오른쪽에 있는 위 또는 아래 화살표를 클릭하여 HTML 양식의 양식 오브젝트 순서를 변경할 수 있습니다.
HTML 양식에 각 데이터 입력 필드가 표시되는 방식을 지정하려면 [양식 필드] 테이블에서 행을 클릭한 다음, 테이블 아래의 상자에 다음 정보를 입력합니다.
- 데이터 입력 필드 옆에 표시될 설명 레이블을 [레이블] 상자에 입력합니다. 기본적으로 Dreamweaver에서는 레이블에 테이블의 열 이름을 표시합니다.
- [표시 형식] 팝업 메뉴에서 데이터 입력 필드 역할을 할 양식 오브젝트를 선택합니다. 텍스트 필드, 텍스트 영역, 메뉴, 체크 박스, 라디오 그룹 및 텍스트를 선택할 수 있습니다. 읽기 전용 항목의 경우 [텍스트]를 선택합니다. 암호 필드, 파일 필드 및 숨김 필드도 선택할 수 있습니다.
참고:

숨김 필드는 양식의 끝에 삽입됩니다.
- [전송 형식] 팝업 메뉴에서 데이터베이스 테이블에 사용할 수 있는 데이터 유형을 선택합니다. 예를 들어 테이블 열에 숫자 데이터만 사용할 수 있는 경우에는 [숫자]를 선택합니다.
- 양식 오브젝트의 속성을 설정합니다. 데이터 입력 필드로 선택한 양식 오브젝트에 따라 옵션이 달라집니다. 텍스트 필드, 텍스트 영역 및 텍스트의 경우 기본값을 입력할 수 있습니다. 메뉴 및 라디오 그룹의 경우 다른 대화 상자를 열어 속성을 설정합니다. 옵션의 경우 [선택됨] 또는 [선택되지 않음] 옵션을 선택합니다.
[확인]을 클릭합니다.

Dreamweaver가 HTML 양식과 [레코드 삽입] 서버 비헤이비어를 모두 페이지에 추가합니다. 양식 오브젝트가 기본 테이블에 배치됩니다. 이 기본 테이블은 Dreamweaver 페이지 디자인 도구를 사용하여 사용자 정의할 수 있습니다. 모든 양식 오브젝트는 양식의 경계선 내에 있어야 합니다.

서버 비헤이비어를 편집하려면 [윈도우] > [서버 비헤이비어]를 선택하여 [서버 비헤이비어] 패널을 열고 [레코드 삽입] 비헤이비어를 더블 클릭합니다.

유사 검색

웹 양식 제작

쉽고 빠르게 지원 받기

신규 사용자이신가요?