LuisK
LuisK
Aug 19 · 5 min read

#XE3로 배우는 쉬운 웹사이트 제작 방법

XE3를 활용해서 웹에 대해서 잘 모르는 초보자도 쉽게 홈페이지를 구성할 수 있는 웹사이트 제작방법을 소개하기 위해 제작되었습니다.
본 게시글은 회원 그룹을 설정하고, 스킨을 설정하는 방법에 대해서 소개합니다.

XE CAMPUS 바로가기

XE CAMPUS에서는 XE를 사용하여 내 사이트를 보다 쉽게 만들기 위한 컨텐츠를 제공하고 있습니다.

이번에 알아볼 것은, XE3에 있는 회원 설정을 통해, 블로그 또는 커뮤니티에서 사용되는 등급 등을 사용하는 방법에 대해서 알아볼 수 있습니다.

시작하기 전에

먼저 회원 정보는 민감 정보에 해당합니다.
만약 회원 목록등의 개인정보 페이지에 접근 하는 경우 아래의 화면을 마주하게 됩니다.

민감정보 또는 보안상 중요한 페이지는 별도의 관리자 암호를 통해 인증해야 접근 할 수 있습니다.

회원 기본설정 하기

대시보드에 진입 후 회원을 클릭하고, 설정 > 기본 설정을 클릭해주세요.

캡챠는 설정 뿐이 아닌 별도의 파일 설정을 통해 설정을 마무리 해야 합니다. 가이드 바로가기

클릭하면 로그인 시 캡챠를 사용할 수 있는 설정 항목과 회원 가입을 설정할지에 대한 설정이 눈에 들어옵니다.

캡챠의 경우 무한 대입을 일시적으로 막기 위한 수단으로 사용할 수 있으며, 이 기능을 사용하기 위해서는 별도의 코어 설정이 필요합니다.

회원 가입 설정하기

가입 설정에는 회원 가입 허용 여부와, 이메일 인증 여부, 폼 양식의 출력 여부를 설정 할 수 있습니다.

회원 가입을 거절하게 되면, 회원 가입 페이지 주소를 입력하더라도 거절페이지를 마주하며 가입할 수 없는 상태가 됩니다.
개인 블로그나 기타 회원 발급제 사이트라면 거절하고 사용하는것이 편리하겠죠?

이메일 인증은, 회원 가입하여 활동하기 전에 이메일 인증한 회원만 로그인하여 활동할 수 있도록 해주며, 흔히 말하는 존재하지 않는 이메일 계정을 사전에 차단할 수 있습니다.

스위치는 클릭하여 ON하고 OFF할 수 있습니다.

그리고 그 아래에서는 어떠한 폼 양식을 먼저 보여줄 것인지 설정할 수 있고, 보여주지 않을 수도 있습니다.

약관 설정

설명을 위해 미리 개인정보 취급 방침의 약관을 추가해 두었습니다.

그렇게 설정을 마쳤다면, 약관 설정에서 약관을 작성할 수 있으며, 회원 가입시 사용할 약관을 미리 작성하여 가입 페이지 또는 기타 페이지에서 보여줄 수 있습니다.

스킨 설정

스킨 설정에서는 스킨을 지정할 수 있습니다.
회원가입과 로그인의 스킨, 내 정보를 수정하고 볼 수 있는 마이페이지 스킨과, 내 프로필을 보여주는 프로필 스킨을 별도로 만들어 설정할 수 있습니다.

(왼쪽) 프로필 스킨 (오른쪽) 회원가입 / 로그인 스킨
기본 마이페이지 스킨

확장 필드 설정

예시를 위해, 휴대폰 번호를 추가로 받게 확장 필드를 추가 하였다.

확장 필드 설정으로 이동하면, 기본 XE3의 회원 가입 폼 이외의 정보를 받고 싶은 경우, 추가할 수 있습니다.
추가후 회원 가입 페이지로 이동 하면 아래처럼 표시됩니다.

회원 가입시 부가 정보로 휴대폰 번호를 추가로 받는 것을 알 수 있다.

회원 토글 메뉴 설정

그렇게 설정을 마치고, 회원 토글 메뉴로 이동하게 되면, 회원의 닉네임 또는 이름을 클릭하였을 때 나오는 메뉴를 숨기거나 보여줄 수 있으며, 순서를 바꿀 수 있는 화면이 표시됩니다.
이동 후 에는 꼭 저장 버튼을 눌러줘야 한답니다

작성자의 이름을 클릭하면 프로피과 회원정보 관리가 노출됩니다.

단, 회원정보 관리는 관리자만 노출된다는 점. 알아두세요 :)

회원가입 또는 회원 정보에 대한 스킨 설정 및 추가 설정은 끝이 났습니다

회원 그룹 설정

관리자 메뉴의 회원에 있는 그룹을 클릭하면, 그룹을 설정할 수 있으며, 수정하고 싶은 그룹의 오른쪽에 위치하는 관리 버튼을 클릭하여 그룹을 아래처럼 수정할 수 있습니다.

가상의 상상월드라는 사이트를 만들어 해당 그룹의 설명을 관리자 전용으로 입력할 수 있습니다.

추가는 오른쪽 위에 있는 새 그룹 추가를 통해 그룹 이름과, 설명을 넣으면 됩니다

새로운 그룹인 VIP그룹과 설명을 입력하는 장면

이렇게 사이트 운영에 필요한 그룹 설정과 회원 설정에 관련한 것들을 알아보았습니다.

지금 까지 XE3로 배우는 쉬운 웹사이트 제작 방법을 읽어주셔서 감사합니다 :)

웹사이트를 만드는것은 어렵지 않습니다, XE와 함께라면요 :)

XE 공식 홈페이지 바로가기
XE CAMPUS 바로가기

XEHub

Stories and tips for XE, the best platform for web page building.

LuisK

Written by

LuisK

Content Director At XEHub

XEHub

XEHub

Stories and tips for XE, the best platform for web page building.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade