로그인 페이지 빌드

마지막 업데이트 날짜 2024년 4월 25일
메모

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

로그인 페이지 정보

웹 애플리케이션에는 등록된 사용자가 사이트에 로그인할 수 있는 페이지가 포함될 수 있습니다.

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

  • 등록된 사용자의 데이터베이스 테이블

  • 사용자가 사용자 이름과 암호를 입력할 수 있는 HTML 양식

  • 입력된 사용자 이름과 암호가 유효한지 확인하는 사용자 로그인 서버 동작

    사용자가 성공적으로 로그인하면 사용자 이름으로 구성된 세션 변수가 해당 사용자에 대해 생성됩니다.

등록된 사용자의 데이터베이스 테이블 만들기

로그인 페이지에 입력된 사용자 이름과 암호가 유효한지 확인하기 위해서는 등록된 사용자의 데이터베이스 테이블이 필요합니다.

데이터베이스 애플리케이션과 등록 페이지를 사용해 테이블을 만드세요.지침은 아래의 관련 주제 링크를 참조하세요.

로그인 페이지 작성의 다음 단계는 사용자가 로그인할 수 있도록 페이지에 HTML 양식을 추가하는 것입니다.자세한 내용은 다음 항목을 참조하십시오.

사용자 로그인을 위한 HTML 양식 추가

사용자 이름과 암호를 입력해 사용자가 로그인할 수 있도록 페이지에 HTML 양식을 추가합니다.

페이지를 만들고([파일] > [새로 만들기] > [빈 페이지]) Dreamweaver 디자인 도구를 사용하여 로그인 페이지를 구성하세요.
양식을 표시할 위치에 삽입 지점을 두고 [삽입] 메뉴에서 [양식]을 선택해 HTML 양식을 추가합니다.

페이지에 빈 양식이 만들어집니다. 양식의 경계를 보려면 [보이지 않는 요소]([보기] > [시각 효과] > [보이지 않는 요소])를 활성화해야 할 수 있습니다. 경계는 얇은 빨간 선으로 표시됩니다.

문서 창 하단의 <form> 태그를 클릭하여 양식을 선택하고, 속성 관리자를 열어(창 > 속성) 양식 이름 상자에 이름을 입력하여 HTML 양식의 이름을 지정하십시오.

사용자가 [제출] 버튼을 클릭할 때 레코드 데이터를 어디로, 어떻게 보낼지를 양식에 알려주기 위해 액션 또는 method 속성을 지정할 필요가 없습니다.사용자 로그인 서버 동작이 이러한 속성을 설정합니다.

양식에 사용자 이름과 암호 텍스트 필드를 추가하십시오(삽입 > 양식 > 텍스트 필드).

각 텍스트 필드 옆에 레이블(텍스트 또는 이미지)을 추가하고, HTML 표 안에 텍스트 필드를 배치하고 표의 border 속성을 0으로 설정하여 텍스트 필드를 정렬하십시오.

양식에 제출 버튼을 추가하십시오(삽입 > 양식 > 버튼).

버튼을 선택하고 속성 관리자를 열어(창 > 속성) 레이블 상자에 새 값을 입력하여 제출 버튼의 레이블을 변경할 수 있습니다.

로그인 페이지 작성의 다음 단계는 입력된 사용자 이름과 암호가 유효한지 확인하는 사용자 로그인 서버 동작을 추가하는 것입니다.

사용자 이름 및 암호 확인

사용자가 입력한 사용자 이름과 암호가 유효한지 확인하려면 로그인 페이지에 사용자 로그인 서버 동작을 추가해야 합니다.

사용자가 로그인 페이지의 [제출] 버튼을 클릭하면 로그인 사용자 서버 동작이 사용자가 입력한 값을 등록된 사용자의 값과 비교합니다.값이 일치하면 서버 동작은 한 페이지(보통 사이트의 시작 화면)를 엽니다.값이 일치하지 않으면 서버 동작은 다른 페이지(보통 로그인 시도가 실패했음을 사용자에게 경고하는 페이지)를 엽니다.

Server Behaviors 패널(Window > Server Behaviors)에서 Plus (+) 버튼을 클릭한 후 팝업 메뉴에서 User Authentication > Log In User를 선택합니다.
방문자가 사용자 이름과 암호를 입력하는 데 사용할 양식과 양식 객체를 지정하십시오.
(ColdFusion) 해당되는 경우 사용자 이름과 암호를 입력합니다.
등록된 모든 사용자의 사용자 이름과 비밀번호가 포함된 데이터베이스 테이블과 열을 지정하십시오.

서버 동작은 방문자가 로그인 페이지에서 입력한 사용자 이름과 암호를 이러한 열의 값과 비교합니다.

로그인 프로세스에 성공하는 경우 표시할 페이지를 지정합니다.

일반적으로 사이트의 시작 화면이 지정됩니다.

로그인 프로세스에 실패하는 경우 표시할 페이지를 지정합니다.

지정된 페이지는 일반적으로 로그인 처리가 실패했음을 사용자에게 알리고 다시 시도할 수 있게 합니다.

사용자가 제한된 페이지에 액세스를 시도한 후 로그인 페이지로 전달되어 로그인한 후 해당 제한된 페이지로 돌아가도록 하려면 [Go To Previous URL] 옵션을 선택하세요.

사용자가 먼저 로그인하지 않고 제한된 페이지를 열어 사이트에 액세스하려고 하면 제한된 페이지에서 사용자를 로그인 페이지로 전달할 수 있습니다.사용자가 성공적으로 로그인하면, 로그인 페이지는 사용자를 처음에 로그인 페이지로 리디렉션했던 제한된 페이지로 다시 리디렉션합니다.

메모

이러한 페이지에서 [Restrict Access To Page] 서버 동작에 대한 대화 상자를 완료할 때 [If Access Denied, Go To] 상자에서 로그인 페이지를 지정해야 합니다.

사용자 이름과 암호만을 기반으로 페이지에 대한 액세스를 허용할지, 아니면 인증 수준도 기반으로 할지 지정한 후 [확인]을 클릭합니다.

방문자가 입력한 사용자 이름과 암호가 유효한지 확인하는 서버 동작이 로그인 페이지에 추가됩니다.