페이지를 만들고([파일] > [새로 만들기] > [빈 페이지]) Dreamweaver 디자인 도구를 사용하여 등록 페이지를 레이아웃하세요.
마지막 업데이트 날짜
2024년 4월 25일
메모
Dreamweaver의 현재 버전 이후로 사용자 인터페이스가 간소화되었습니다. 따라서 이 문서에 설명된 옵션 중에 Dreamweaver의 현재 버전에 없는 옵션이 있을 수 있습니다. 자세한 내용은 이 문서를 참조하십시오.
등록 페이지 정보
웹 애플리케이션에는 사용자가 사이트를 처음 방문할 때 등록해야 하는 페이지가 포함될 수 있습니다.
등록 페이지는 다음과 같은 구성 블록으로 구성됩니다.
사용자의 로그인 정보를 저장할 데이터베이스 테이블
사용자가 사용자 이름과 암호를 선택하는 HTML 양식
폼을 사용하여 사용자로부터 다른 개인 정보를 얻을 수도 있습니다.
사이트 사용자의 데이터베이스 테이블을 업데이트하는 레코드 삽입 서버 동작
사용자가 입력한 사용자 이름이 다른 사용자에 의해 사용되지 않도록 하는 새 사용자 이름 확인 서버 동작
사용자에 대한 로그인 정보 저장
등록 페이지에는 사용자가 입력한 로그인 정보를 저장할 데이터베이스 테이블이 필요합니다.
- 데이터베이스 테이블에 사용자 이름과 암호 열이 포함되어 있는지 확인하세요. 로그인한 사용자가 서로 다른 액세스 권한을 갖도록 하려면 액세스 권한 열을 포함하세요.
- 사이트의 모든 사용자에 대해 공통 암호를 설정하려면 데이터베이스 애플리케이션(Microsoft Access, Microsoft SQL Server, Oracle 등)을 구성하여 기본적으로 각 새 사용자 레코드에 암호를 입력하도록 하세요. 대부분의 데이터베이스 애플리케이션에서는 새 레코드가 만들어질 때마다 열을 기본값으로 설정할 수 있습니다. 암호에 대한 기본값을 설정합니다.
- 데이터베이스 테이블을 사용하여 사용자에 대한 다른 유용한
정보를 저장할 수도 있습니다.
등록 페이지를 만드는 다음 단계는 등록 페이지에 HTML 양식을 추가하여 사용자가 사용자 이름과 암호를 선택할 수 있도록 하는 것입니다(해당하는 경우).
사용자 이름과 암호를 선택할 수 있는 HTML 양식을 추가하세요
등록 페이지에 HTML 웹 폼을 추가하여 사용자가 사용자 이름과 암호를 선택할 수 있도록 합니다(해당하는 경우).
HTML 양식을 표시할 위치에 삽입점을 두고 [삽입] 메뉴에서 [양식]을 선택하여 HTML 양식을 추가하세요.
페이지에 빈 양식이 만들어집니다. 양식의 경계를 보려면 보이지 않는 요소([보기] > [시각 도우미] > [보이지 않는 요소])를 활성화해야 할 수 있습니다. 경계는 얇은 빨간색 선으로 표시됩니다.
문서 창 하단의 <form> 태그를
클릭하여 웹 폼을 선택하고 속성 관리자를 열고([창] > [속성])
웹 폼 이름 상자에 이름을 입력하여 HTML 웹 폼의 이름을 지정하세요.
사용자가 [제출] 버튼을 클릭할 때 레코드 데이터를 어디로 어떻게 보낼지 알려주기 위해 폼에 action 또는 method 속성을 지정할 필요가 없습니다.레코드 삽입 서버 동작이 이러한 속성을 자동으로 설정합니다.
사용자가 사용자 이름과 암호를 입력할 수 있도록 텍스트 필드를 추가하세요([삽입] > [양식] > [텍스트 필드]).
웹 폼에는 다른 개인 데이터를 기록하는 더 많은 웹 폼 개체가 있을 수도 있습니다.
각 웹 폼 개체 옆에 레이블을 추가하여(텍스트 또는 이미지로) 사용자에게 그것이 무엇인지 알려주어야 합니다. 또한 HTML 테이블 내부에 웹 폼 개체를 배치하여 정렬해야 합니다. 웹 폼 개체에 대한 자세한 내용은 웹 폼 만들기를 참조하세요.
양식에 제출 버튼을 추가하세요([삽입] > [양식] > [버튼]).
버튼을 선택하고 속성 관리자를 열어([창] > [속성]) [값] 상자에 새 값을 입력하면 제출 버튼의 레이블을 변경할 수 있습니다.
등록 페이지 만들기의 다음 단계는 데이터베이스의 사용자 테이블에 레코드를 삽입하는 레코드 삽입 서버 동작을 추가하는 것입니다.
사용자의 데이터베이스 테이블 업데이트
데이터베이스의 사용자 테이블을 업데이트하려면 등록 페이지에 레코드 삽입 서버 동작을 추가해야 합니다.
서버 동작 패널에서([창] >
[서버 동작]) 더하기(+) 버튼을 클릭하고 팝업 메뉴에서 [레코드 삽입]을
선택합니다.
[레코드 삽입] 대화 상자가 나타납니다.
사용자 데이터를 삽입할 데이터베이스의 사용자 테이블을
지정하여 대화 상자를 완성합니다.
[확인]을 클릭합니다.
등록 페이지 만들기의 마지막 단계는 사용자 이름이 다른 등록된 사용자에 의해 사용되지 않는지 확인하는 것입니다.
고유한 사용자 이름을 확인하는 서버 동작을 추가합니다
등록된 사용자 데이터베이스에 사용자를 추가하기 전에 사용자 이름이 고유한지 확인하는 서버 동작을 사용자 등록 페이지에 추가할 수 있습니다.
사용자가 등록 페이지에서 제출 버튼을 클릭하면 서버 동작이 사용자가 입력한 사용자 이름을 등록된 사용자의 데이터베이스 테이블에 저장된 사용자 이름과 비교합니다. 데이터베이스 테이블에서 일치하는 사용자 이름이 발견되지 않으면 서버 동작이 일반적으로 레코드 삽입 작업을 수행합니다. 일치하는 사용자 이름이 발견되면 서버 동작이 레코드 삽입 작업을 취소하고 새 페이지를 (일반적으로 사용자 이름이 이미 사용 중임을 사용자에게 경고하는 페이지) 엽니다.
서버 동작 패널에서([창] > [서버 동작]) 플러스(+) 버튼을 클릭하고 팝업 메뉴에서 [사용자 인증] > [새 사용자 이름 확인]을 선택합니다.
[사용자 이름 필드] 팝업 메뉴에서 방문자가 사용자 이름을
입력하는 데 사용하는 양식 텍스트 필드를 선택합니다.
[이미 있는 경우 이동할 위치] 상자에서 데이터베이스 테이블에서
일치하는 사용자 이름이 발견될 경우 열 페이지를 지정하고
[확인]을 클릭합니다.
열리는 페이지는 사용자 이름이 이미 사용 중임을 사용자에게 알리고 사용자가 다시 시도할 수 있도록 해야 합니다.
