참고:

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

등록 페이지 정보

웹 응용 프로그램에는 처음으로 사이트를 방문한 사용자에게 등록을 요구하는 페이지가 포함될 수 있습니다.

등록 페이지는 다음과 같은 구성 블록으로 구성됩니다.

  • 사용자에 대한 로그인 정보를 저장하는 데이터베이스 테이블

  • 사용자가 사용자 이름과 암호를 선택하는 HTML 양식

    또한 이 양식을 사용하면 사용자에 대한 다른 개인 정보도 얻을 수 있습니다.

  • 사이트 사용자 데이터베이스 테이블을 업데이트하는 레코드 삽입 서버 비헤이비어

  • 사용자가 입력한 사용자 이름을 다른 사용자가 사용하지 않는지 확인하는 새 사용자 이름 확인 서버 비헤이비어

사용자에 대한 로그인 정보 저장

등록 페이지에는 사용자가 입력한 로그인 정보를 저장할 수 있는 데이터베이스 테이블이 필요합니다.

  • 데이터베이스 테이블에는 사용자 이름 및 암호 열이 있어야 합니다. 로그인하는 각 사용자에게 서로 다른 액세스 권한을 부여하려면 액세스 권한 열을 포함시킵니다.
  • 사이트의 모든 사용자에 대해 공통된 암호를 설정하려면 각각의 새 사용자 레코드에 기본적으로 공통된 암호를 입력하도록 데이터베이스 응용 프로그램(Microsoft Access, Microsoft SQL Server, Oracle 등)을 구성합니다. 대부분의 데이터베이스 응용 프로그램에서는 새 레코드를 만들 때마다 열을 기본값으로 설정할 수 있습니다. 암호에 대한 기본값을 설정합니다.
  • 또한 데이터베이스 테이블을 사용하면 사용자에 대한 다른 유용한 정보도 저장할 수 있습니다.

    등록 페이지를 만드는 다음 단계에서는 경우에 따라 등록 페이지에 HTML 양식을 추가하여 사용자가 사용자 이름과 암호를 선택할 수 있도록 합니다.

사용자 이름 및 암호 선택을 위한 HTML 양식 추가

경우에 따라 등록 페이지에 HTML 양식을 추가하여 사용자가 사용자 이름과 암호를 선택할 수 있도록 합니다.

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

    페이지에 빈 양식이 만들어집니다. 가는 빨간 선으로 표시되는 양식의 경계선을 표시하기 위해 [보이지 않는 요소]([보기] > [시각 도구] > [보이지 않는 요소])를 활성화할 수도 있습니다.

  3. 문서 창 아래쪽에서 <form> 태그를 클릭하여 양식을 선택하고 [윈도우] > [속성]을 선택하여 속성 관리자를 연 다음 [양식 이름] 상자에 이름을 입력하여 HTML 양식의 이름을 지정합니다.

    사용자가 [전송] 버튼을 클릭할 때 레코드 데이터를 전송할 위치와 방법을 나타내는 양식의 action이나 method 속성은 지정하지 않아도 됩니다. [레코드 삽입] 서버 비헤이비어가 이 속성을 설정해 줍니다.

  4. [삽입] > [양식] > [텍스트 필드]를 선택하여 사용자가 사용자 이름과 암호를 입력할 수 있도록 텍스트 필드를 추가합니다.

    양식에 기타 개인 데이터를 기록할 양식 오브젝트를 더 추가할 수도 있습니다.

    각 양식 오브젝트 옆에 텍스트나 이미지로 레이블을 추가하여 사용자가 양식 오브젝트의 용도를 구분할 수 있도록 해야 합니다. 또한 HTML 표 내에 양식 오브젝트를 배치하여 정렬해야 합니다. 양식 오브젝트에 대한 자세한 내용은 웹 양식 제작을 참조하십시오.

  5. [삽입] > [양식] > [버튼]을 선택하여 양식에 [전송] 버튼을 추가합니다.

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

    등록 페이지를 만드는 다음 단계로 [레코드 삽입] 서버 비헤이비어를 추가하여 데이터베이스의 사용자 테이블에 레코드를 삽입합니다.

사용자의 데이터베이스 테이블 업데이트

등록 페이지에 [레코드 삽입] 서버 비헤이비어를 추가하여 데이터베이스의 사용자 테이블을 업데이트해야 합니다.

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

    [레코드 삽입] 대화 상자가 나타납니다.

  2. 이 대화 상자와 관련된 작업을 완료하고 데이터베이스에서 사용자 데이터가 삽입될 사용자 테이블을 지정해야 합니다. [확인]을 클릭합니다.

    마지막 단계에서는 기존에 등록된 다른 사용자가 이 사용자 이름을 사용하지 않는지 확인합니다.

고유 사용자 이름을 위한 서버 비헤이비어 추가

사용자를 등록된 사용자 데이터베이스에 추가하기 전에 사용자 이름이 고유한지 확인하기 위한 서버 비헤이비어를 사용자 등록 페이지에 추가할 수 있습니다.

사용자가 등록 페이지에서 [전송] 버튼을 클릭하면 서버 비헤이비어는 등록되어 데이터베이스 테이블에 저장된 사용자 이름과 방문자가 방금 입력한 사용자 이름을 비교합니다. 데이터베이스 테이블에 일치하는 사용자 이름이 없으면 서버 비헤이비어는 일반적으로 레코드 삽입 작업을 수행합니다. 일치하는 사용자 이름이 있으면 서버 비헤이비어는 레코드 삽입 작업을 취소하고 새 페이지(일반적으로 사용자 이름이 이미 사용되고 있다는 메시지를 표시하는 페이지)를 엽니다.

  1. [서버 비헤이비어] 패널([윈도우] > [서버 비헤이비어])에서 플러스(+) 버튼을 클릭하고 팝업 메뉴에서 [사용자 인증] > [새 사용자 이름 확인]을 선택합니다.
  2. [사용자 이름 필드] 팝업 메뉴에서 방문자가 사용자 이름을 입력하는 데 사용하는 양식 텍스트 필드를 선택합니다.
  3. [이미 있는 경우 이동 위치] 상자에서 데이터베이스 테이블에 일치하는 사용자 이름이 있는 경우 표시할 페이지를 지정한 다음 [확인]을 클릭합니다.

    이 페이지에서는 해당 사용자 이름이 이미 사용되고 있다는 메시지를 표시하고 사용자가 다시 시도할 수 있도록 해야 합니다.

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

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