위멘토 사용가이드


포토샵을 못해도 코딩을 못해도 쉽고 간편하게 관리 해보세요

위멘토 사용 가이드

가이드 102

사이트 속도는 방문자들의 관심을 끌기 위한 중요한 요소입니다. 사이트 로드 시간이 오래 걸리면 많은 방문자들이 사이트를 읽기 전에 나갈 수도 있습니다. 사이트 로드 속도를 높이고 더 많은 사람의 관심을 끄는 데 도움이 되는 몇 가지 도움말 및 유용한 정보를 소개합니다.

이미지 및 미디어 최적화

사이트에 포함된 이미지, 동영상 및 기타 멀티미디어가 많을수록 사이트의 로드 시간은 오래 걸리게 됩니다. 하지만 이미지 및 기타 멀티미디어는 방문자의 관심을 끌 수 있는 중요한 요소이므로 이미지 및 멀티미디어의 로드 속도를 최적화 하는 것이 중요합니다. 미디어 로드 속도를 향상시키는 방법은 다음과 같습니다.

  • 이미지 파일 용량을 줄입니다. 같은 이미지라도 파일 형식이나 최적화 정도에 따라 용량 차이는 매우 클 수 있습니다. 온라인 이미지 최적화 도구를 사용하면 같은 파일이라도 50% 적은 용량으로 표시될 수 있습니다.
  • 한 페이지에서 동시에 표시되는 이미지나 멀티미디어의 수를 줄입니다.
  • 한 페이지에 표시할 이미지가 많다면 갤러리 위젯을 사용하실 것을 추천합니다.

타사 자바스크립트 및 링크

사이트 로드 속도를 최적화하려면 자바스크립트 및 링크를 사용하는 것이 좋습니다. 하지만 타사 자바스크립트 및 링크를 사용해야만 하는 경우 모든 자바스크립트를 사이트의 하단에 삽입하면 사용자의 체감 로드 속도가 훨씬 빨라집니다.

하단에 공통 스크립트 추가하기

  1. 내 사이트 관리자 페이지에 접속합니다. 접속방법
  2. 왼쪽 메뉴에서 [환경설정 > SEO(검색엔진최적화)]를 클릭합니다.
  3. 페이지 하단 Footer Code에 스크립트 및 기타 링크 코드를 추가합니다.
  4. 저장 버튼을 클릭해 적용합니다.
  5. 이제 디자인 모드에서 생성하는 모든 메뉴(페이지) 하단에 스크립트 및 링크가 자동으로 추가됩니다.

내 사이트의 로딩 속도가 궁금할 때 Google 크롬 브라우저 개발자도구를 사용해 간단하게 트래픽/속도를 측정할 수 있습니다. 일반적으로 한 개 페이지가 표시되는 데 필요한 데이터 용량은 5MB 미만을 권장합니다.

만약 제작하신 사이트가 느리다고 생각되는 경우, 다음 절차에 따라 크롬 개발자도구로 내 사이트의 한 개 페이지에서 얼마나 많은 데이터가 로드되고 있는지 확인해 보세요.



1단계: 크롬 개발자도구 열기

  1. Google 크롬 브라우저를 켭니다.
  2. 내 사이트에 접속합니다.
  3. 키보드 단축키 F12 (Mac: Option + Command +  I)를 누릅니다.
  4. 다음처럼 개발자도구가 화면 오른쪽에 나타납니다.

2단계: 개발자도구 내 'Network' 탭에서 기록 시작

  1. Network탭을 클릭합니다.

  2. 개발자도구 화면을 기준으로 왼쪽 상단 원형의 기록 아이콘을 클릭합니다. 또는 키보드 단축키 CTRL + E(Mac : Command + E)를 누릅니다.

  3. 기록이 시작됩니다.

3단계: '캐시 비우기 및 강력 새로고침'으로 사이트 다시 열기

  1. 브라우저 왼쪽 상단 새로고침 아이콘 위에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  2. 캐시 비우기 및 강력 새로고침을 클릭합니다.

  3. 이제 해당 페이지의 트래픽/속도가 체크되어 리스트로 만들어집니다.
    주의: 반드시 캐시 비우기 및 강력 새로고침으로 페이지를 새로고침 해야 정확한 측정이 가능합니다.

4단계: 트래픽/속도 확인하기

다음의 설명을 참고해 속도를 저해하는 요소들을 확인할 수 있습니다. 여러 항목들이 있지만 주로 Name, Type, Size, Time을 통해 확인합니다. 각 항목은 마우스를 클릭해 높은 순 또는 낮은 순으로 정렬이 가능합니다.

  1. Name: 로드하는 파일의 이름이 표시됩니다. 마우스로 클릭해 이미지를 확인하거나 파일 내용을 확인할 수 있습니다.
  2. Type: 파일의 형식이 표시됩니다.
  3. Size: 파일의 크기가 표시됩니다.
  4. Time: 로드되기까지 시간이 표시됩니다.
  5. 사이트가 로드되기까지 걸리는 총 시간 및 트래픽이 표시됩니다.

위 항목들을 확인해 비정상적으로 과부하가 걸리는 이미지나 파일이 없는지 확인해 보세요. 사이트 로드 속도를 향상 시키는 여러 방법은 아래 관련 도움말을 통해 자세히 알아보실 수 있습니다.


네이버 아이디로 로그인(네아로)을 사용하기 위해선 심사가 필요하며, 심사 결과에 따라 이메일로 신청자에게 안내하고 있습니다. 네아로 측에서 보내준 메일을 자세히 검토하여 조치해 보시기 바랍니다.

다음은 심사가 거절되는 주요 유형과 대처 방법입니다.

불필요한 개인정보 요구 또는 불일치

네아로 측에서는 사이트에서 꼭 필요한 개인정보만 취급하는 것을 권장합니다. 특별한 경우가 아닌한 위 이미지처럼 이메일, 별명, 프로필 사진만 필수로 체크해 주세요.

설정위치

네이버 개발자센터 로그인 > Application > 내 애플리케이션 > 네아로 설정한 애플리케이션 클릭 > API 설정의 사용 API

주의: 필수로 체크(또는 추가)한 항목은 실제 사이트 회원가입 시 사용하고 있어야 합니다. 만약 회원가입 시 사용하지 않는 항목을 사용하고 있을 경우 체크를 해제해 주세요. 회원가입 항목 추가 및 편집 방법


네아로에서 제공하지 않는 정보를 심사요청 시 미입력

네아로에서 사이트에 제공할 수 있는 정보는 이름, 이메일, 별명, 프로필 사진, 성별, 생일, 연령대입니다. 이 중에서 생일과 연령대는 아임웹 형식과 맞지 않아 체크하여도 무의미합니다. 네아로에서 제공하는 생일은 생년이 제외된 정보이며, 아임웹은 생년월일 형식의 데이터만 받고 있습니다. 연령대의 경우에도 각 소셜 로그인 제공업체마다 구분이 달라 지원하지 않고 있습니다.

요컨대 이름, 이메일, 별명, 프로필 사진, 성별 외의 정보를 회원가입시 1개 이상 입력받고 있다면 그 사항을 검수 요청시 기재해야 합니다. (예: 상품 배송을 위해 주소정보 입력을 받는 경우)

1. 검수요청 방법

네이버 개발자 센터 로그인 > Application > 내 애플리케이션 > 네아로 설정한 애플리케이션 클릭 > 개발 상태 항목의 네아로 검수요청 버튼 클릭

2. 검수요청시 기재 위치

아래 이미지의 3번 항목


로그인, 가입 등 스크린샷 누락

네아로 검수 요청시 다음과 같은 사항을 필수적으로 제출해야 합니다.

1. 제출사항
  • 회원가입 페이지 스크린샷 예시보기
  • 회원가입시 정보입력화면 또는 회원정보수정 스크린샷 예시보기
  • 로그인 및 회원가입 프로세스 예시보기
2. 검수요청 방법 및 첨부파일 업로드 방법
  • 검수요청 방법: 네이버 개발자 센터 로그인 > Application > 내 애플리케이션 > 네아로 설정한 애플리케이션 클릭 > 개발 상태 항목의 네아로 검수요청 버튼 클릭.
  • 검수요청시 첨부파일 업로드: 첨부 파일 항목의 파일선택 버튼을 클릭해 파일 업로드. (파일이 여러개라면 여러번 파일 업로드)


Google 크롬, Microsoft 엣지, 파이어폭스(Firefox) 등 세계 주요 인터넷 브라우저에는 사용자의 웹 서핑 정보(인터넷 사용 기록, 쿠키 및 사이트 데이터 또는 양식 등)가 저장되지 않는 시크릿 모드라는 기능을 제공합니다.

시크릿 창을 켜면 모든 웹서비스가 로그아웃된 상태로 인터넷에 접속됩니다. 따라서 사이트 설정 변경 후 로그아웃할 필요 없이 시크릿 창만 켜서 간편하게 내 사이트의 로그인 전/후 상태를 확인할 수 있습니다.

참고: 일부 설정의 경우 게시하기 버튼을 클릭하지 않으면 시크릿 창에서 변경사항이 확인되지 않을 수 있습니다.

이 도움말에서는 Google 크롬에서 시크릿 창을 켜서 로그인 및 비로그인 상태에서의 사이트를 비교, 검토하는 방법을 소개합니다.

활용방법

  1. Google 크롬 브라우저가 없는 경우 다운로드 및 설치합니다.
  2. PC에 설치된 크롬 아이콘을 클릭해 브라우저를 켭니다.

  3. 오른쪽 상단에서 더보기 ⋮ 아이콘을 클릭합니다.
  4. 새 시크릿 창을 클릭합니다.
  5. 새 창이 나타납니다. 화면에  아이콘이 나오면 정상적으로 시크릿 창이 켜진 것입니다.참고: 운영체제 및 크롬 버전에 따라 창 모양이 일부 다를 수 있습니다.

  6. 사이트 주소(도메인)를 입력해 내 사이트에 접속합니다.
  7. 설정한 사항들이 비로그인 방문자의 화면에서 정상 작동하는지 확인합니다. 예를 들어 비로그인 상태에서 상품 가격이 보이지 않도록 설정한 경우 시크릿 창에서는 다음 그림처럼 가격이 표시되지 않습니다.

  8. (시크릿 창을 종료하려면) 시크릿 창은 새 창으로 열립니다. 사이트 확인 후 해당 시크릿 창만 종료해 주세요.


단축키로 시크릿 창 열기

PC에서 키보드 단축키로 시크릿 창을 열 수도 있습니다.

  • Windows(윈도우): Ctrl + Shift + N을 누릅니다.
  • Mac (맥): Command + Shift + N을 누릅니다.



관리자 페이지에서는 개인정보 보호를 위해 소유자 계정이 아닐 경우 개인정보 관련 항목들이 암호화 처리 되고 있습니다. 개인정보 접근 권한이 없을 경우 개인정보를 취급하는 페이지들의 편집 권한이 비활성화됩니다. 이 도움말은 운영진 그룹의 개인정보 암호화 처리 해제 방법을 안내합니다.


설정방법

  1. 내 사이트 관리자 페이지에 접속합니다. 접속방법
  2. 왼쪽 메뉴에서 [사용자 관리 > 운영진 설정]를 클릭해 이동합니다.
  3. 운영진 그룹명에 마우스 포인터를 올립니다.
  4. 톱니바퀴 아이콘이 나타나면 클릭합니다.
  5. 마우스 휠 스크롤을 움직여 세부 설정 항목으로 이동합니다.
  6. 개인정보 접근 권한(조회,검색) 옵션을 클릭합니다.

  7. 변경사항 저장 버튼을 클릭합니다.
  8. 이제 관리자 페이지 내 개인정보 마스킹이 해제된 것을 확인하실 수 있습니다.



알림 메세지 보내기



알림 메세지를 발송하여 회원들에게 중요한 소식을 무료로 전달할 수 있습니다. 모바일 App을 설치한 사용자는 알림 메세지를 푸시 알림(Push Notification) 형식으로 실시간으로 수신할 수 있으며, 비회원도 수신이 가능합니다.

발송방법

  1. 내 사이트 관리자 페이지에 접속합니다. 
  2. 왼쪽 메뉴에서 [사용자 관리 > 메세지 보내기]를 클릭해 이동합니다.
  3. 메세지 발송 방식으로 알림을 선택합니다.

  4. 아래 그림과 설명을 참고해 메세지를 작성합니다.

    1. 발송할 회원그룹을 선택합니다.

      참고: 특정 회원에게만 알림 메세지를 발송하려면 사용자 관리 > 사용자 목록 에서 회원을 선택하고, 상단의 메세지 > 알림 을 클릭하여 개별 발송하세요.

    2. 알림 제목을 작성합니다.
    3. 알림 내용을 입력합니다.
    4. (선택 사항) 클릭 시 이동할 URL(주소)을 추가합니다.
    5. (선택 사항) 푸시 알림에 표시할 이미지를 추가합니다.
    6. (선택 사항) 발송예약 시간을 지정합니다.
  5. 보내기 버튼을 클릭해 발송합니다. *발송 후에는 취소가 불가합니다.

게시물 순서 변경하기



게시물 작성시각을 수정해 게시물 순서를 변경할 수 있습니다. 뉴스레터, 기사글, 자주 묻는 질문 등 순서를 변경할 때 사용할 수 있습니다.

변경방법

  1. 내 사이트 관리자 페이지에 접속합니다. 
  2. 왼쪽 메뉴에서 [컨텐츠 관리 > 게시물 관리]를 클릭합니다.
  3. 왼쪽 게시판 목록에서, 게시물 순서를 변경할 게시판을 선택합니다.

  4. 순서를 변경할 게시물의 오른쪽 끝에 위치한 더보기  아이콘을 클릭합니다.
  5. 작성시각 수정 을 클릭합니다.

  6. 작성 날짜 및 시각(30분 단위)을 변경합니다.

  7. (선택 사항) 위 4~6번 과정을 반복해 남은 게시물의 작성시각도 수정합니다.




네이버 로그인 설정하기



이 도움말에서는 방문자가 네이버 계정으로 내 사이트에 가입하고 로그인 할 수 있도록 네이버 로그인을 설정하는 과정을 안내합니다.

시작에 앞서

먼저 가입 및 그룹 설정에서 같은 이름(닉네임)으로 중복 가입 방지 옵션을 해제해 주세요.

  • 이 옵션을 해제하지 않으면 중복가입 제한으로 소셜 로그인 가입이 원활하게 이뤄지지 않을 수 있습니다.
  • 소셜 로그인을 제공하는 주요 플랫폼에서 동일 이름(닉네임) 사용을 허용함에 따라, 소셜 로그인 가입자는 가입된 플랫폼의 이름(닉네임)을 그대로 사용하는 경향이 있습니다.
  • 잠재고객이 소셜 로그인으로 가입을 시도할 때 이름(닉네임) 작성에 스트레스를 받아 이탈하지 않도록 해당 옵션을 해제해 주세요.



설정방법

1단계: 내 사이트 가입 항목 확인하기

방문자가 내 사이트에 회원가입할 때 받는 가입 항목을 확인해 주세요. 확인한 가입 항목은 나중에 3단계: 네이버 로그인 API 정보 입력하기 단계에서 사용하게 됩니다.

  1. 내 사이트 관리자 페이지에 접속합니다. 
  2. 왼쪽 메뉴에서 [환경설정 > 가입 및 그룹 설정]을 클릭해 이동합니다.
  3. 공통항목 과 가입 폼 관리 에서 사용 및 필수로 체크된 가입 항목을 확인하고 메모해 둡니다.



2단계: 네이버 로그인 애플리케이션 등록하기

  1. 네이버 개발자 센터에 접속합니다.
  2. 오른쪽 상단의 로그인 버튼을 클릭해 네이버 계정으로 로그인 합니다.
  3. 상단 메뉴에서 [Application > 애플리케이션 등록]을 클릭합니다.


3단계: 네이버 로그인 API 정보 입력하기

  1. 애플리케이션 이름 항목에 사이트 이름을 입력합니다.
  2. 카테고리 항목에는 내 사이트 주제에 맞는 카테고리를 선택합니다.
  3. 사용 API 항목에서 네이버 로그인을 선택합니다.
  4. 제공 정보 선택 항목이 나오면, 네이버 이용자가 내 사이트에 네이버 계정으로 가입할 때, 네이버로부터 제공 받을 가입자 정보를 선택합니다. 위 1단계에서 확인한 내 사이트 가입 항목을 기준으로 꼭 필요한 제공 정보만 필수로 선택해 주세요.

    주의: 네이버 로그인 연동에는 네이버 검수가 필요합니다. 이 단계에서 선택한 제공 정보와 내 사이트에서 받는 실제 가입 정보가 다른 경우 심사 거절 사유가 됩니다.

    • (필수) 회원이름: 내 사이트에서 이름을 받는 경우 선택합니다.
    • (필수) 이메일 주소: 내 사이트에서 이메일 주소를 받는 경우 선택합니다.
    • (선택/추가) 별명: 내 사이트에서 '사용자 정의' 가입 항목으로 별명(닉네임)을 받는 경우 선택합니다.
    • (선택/추가) 프로필 사진: 내 사이트에서 '사용자 정의' 가입으로 프로필 이미지를 받는 경우 선택합니다.
    • (선택/추가) 성별: 내 사이트에서 성별을 받는 경우 선택합니다.
    • (미지원) 생일, 연령대, 출생연도, 휴대전화번호: 현재까지 미지원
  5. 로그인 오픈 API 서비스 환경 항목에선 PC 웹을 선택합니다.
  6. PC 웹 항목에 서비스 URL 과 Callback URL을 입력합니다. 아래 그림과 설명을 참고하세요.

    • 서비스 URL: http://내도메인 형식으로 서비스 URL을 입력합니다.
      참고: SSL 보안서버 인증서를 설치했다면 http를 https로 변경해 입력하세요.
    • 네이버 로그인 Callback URL: http://내도메인/oauth 형식으로 Callback URL을 입력합니다.
      참고: SSL 보안서버 인증서를 설치했다면 위 그림과 같이 https 형식도 추가로 등록해 주세요.
  7. (선택 사항) 기본 도메인(*.uriweb.kr)에서도 네이버 로그인이 동작하도록 설정하려면 아래 절차에 따라 로그인 오픈 API 서비스 환경을 추가합니다.

    1. 로그인 오픈 API 서비스 환경 에서 환경 추가 메뉴를 클릭하고, Mobile 웹을 선택합니다.

    2. 위 6번 과정과 같은 방법으로 Mobile 웹 항목에도 서비스 URL 과 Callback URL 을 입력합니다.

      참고: 기본 도메인은 SSL 보안서버 인증서가 기본으로 적용되므로, 모든 URL은 https 로 시작해야 합니다.

      • 서비스 URL: https://이름.uriweb.kr 형식으로 기본 도메인을 입력합니다.
      • 네이버 로그인 Callback URL: https://이름.uriweb.kr /oauth 형식으로 Callback URL 을 입력합니다.
  8. 등록하기 버튼을 클릭합니다.


4단계: 내 사이트에 Client ID 및 Client Secret 입력하기

  1. 애플리케이션 정보가 나타납니다. 여기서 Client ID 와 Client Secret 을 복사하고 메모해 둡니다.

    참고: 보안처리된 Client Secret 정보는 보기 버튼을 클릭하면 나타납니다.

  2. 내 사이트 관리자 페이지로 돌아갑니다.

    주의: 네이버 개발자 센터 브라우저 탭을 끄지 마세요.
  3. 왼쪽 메뉴에서 [환경설정 > 소셜 로그인 / API 설정]을 클릭해 이동합니다.
  4. 네이버 로그인 항목에서 네이버 로그인 사용을 선택하고, 위 1번 과정에서 복사한 Client ID 와 Client Secret 키를 각각 붙여넣습니다.

  5. 저장 버튼을 클릭해 적용합니다.


5단계: 로고 이미지 등록 및 개발 상태 변경하기

  1. 네이버 개발자 센터 탭으로 돌아가 API 설정 탭을 클릭합니다.

  2. 로그인 오픈 API 서비스 환경 항목에서 로고 이미지를 등록합니다.

  3. 페이지 하단의 수정 버튼을 클릭합니다. (등록한 로고가 저장됩니다.)
  4. 애플리케이션 개발 상태 항목에서 검수요청 하러 가기 버튼을 클릭합니다.


6단계: 검수 요청하기

네이버 로그인을 사용하기 위해선 네이버 검수를 받아야 합니다. 아래 그림과 설명을 참고해 검수를 요청해 주세요.

1. 검수 신청 전 가이드 확인

검수 요청 가이드 확인을 체크합니다.

참고: 검수 요청 가이드 링크를 클릭해 네이버에서 제공하는 검수 가이드를 참고할 수도 있습니다.

2. 제공 정보 활용처 확인

네이버로부터 제공받을 사용자 정보를 선택하고, 각 정보가 보여지는 실제 화면을 캡쳐하여 등록합니다.

참고: 제공 정보는 위 3단계 4번 과정에서 선택한 정보가 표시됩니다.
  1. 네이버로부터 제공받을 제공 정보 항목을 모두 체크합니다.

  2. 내 사이트의 마이페이지에 접속 후 왼쪽 메뉴 열에서 정보 수정을 클릭합니다. 아래 그림과 같이 회원정보가 나오면 캡쳐 프로그램을 사용해 스크린샷으로 캡쳐합니다.

    중요: 반드시 본인 사이트의 정보 수정 페이지를 캡쳐해 주세요.

  3. 네이버 검수 페이지로 돌아가, 파일선택 버튼을 클릭 후 캡쳐한 파일을 등록합니다.

3. 서비스 적용 형태 확인

  1. 네이버 아이디로 로그인을 통한 신규 회원 가입에 적용을 체크합니다.

  2. 네이버 로그인 적용 형태를 확인할 수 있도록 네이버 로그인이 적용된 사이트 화면 과 회원가입 정보입력 상세 화면을 캡쳐 후 편집하여 이미지 파일로 만듭니다.

    참고: Google 프레젠테이션, MS 파워포인트 등을 사용해 편리하게 제작할 수 있습니다.

  3. 파일선택 버튼을 클릭 후 위 1번 과정에서 만든 이미지 파일을 업로드 합니다.

4. 추가 제출 서류 확인

일부 업종에서 네이버 로그인을 사용하기 위해선 추가 서류를 제출해야 합니다.

  • 해당되는 업종이 있다면 선택하고, 파일선택 버튼을 클릭해 추가 서류를 제출해 주세요.
  • 해당되는 항목이 없다면 없음 을 선택합니다.

5. 검수 요청하기

페이지 하단의 검수 요청 버튼을 클릭합니다.



7단계: 검수 결과 확인 및 설정 완료

네이버 로그인 검수 결과는 계정 설정에 등록된 메일 주소로 전달되며, 영업일 기준으로 3~4일이 소요될 수 있습니다.

심사가 승인되면 이제 방문자 누구나 내 사이트에 네이버 계정으로 회원가입 및 로그인할 수 있게 됩니다.



테스터 ID 등록하기

검수자료를 만들 때 내 사이트에서 네이버 로그인 하는 과정을 캡처해야 하는데, 관리자 계정만으로 한계가 있을 때 테스트를 위한 테스터 ID를 등록해 사용할 수 있습니다.



테스터 ID 등록방법

  1. 네이버 개발자 센터에서 상단 메뉴에 [Application > 내 애플리케이션]을 클릭해 이동합니다.
  2. 멤버관리 탭을 클릭합니다.
  3. 테스터 ID 등록 항목에 테스트용 네이버 ID를 입력합니다.

    참고: 네이버는 1인당 3개까지 네이버 ID를 만들 수 있습니다. 만약 테스터 ID로 사용할 네이버 ID가 없다면 새로운 네이버 계정을 만들어 보세요.


같은 이름(닉네임)으로 중복 가입 방지 또는 해제하기



방문자가 회원가입 시 기존 회원과 동일한 이름(또는 닉네임)으로 가입하는 걸 허용 또는 제한할 수 있습니다.


설정 및 해제방법

  1. 내 사이트 관리자 페이지에 접속합니다. 
  2. 왼쪽 메뉴에서 [환경설정 > 가입 및 그룹 설정]을 클릭합니다.
  3. 가입 폼 관리 항목으로 이동합니다.
  4. 일반회원 가입 유형에서 이름 옵션 오른쪽의 수정 버튼을 클릭합니다.
    참고: 사용자가 설정한 가입 유형에 따라, 다른 가입 유형의 이름 옵션을 수정해야 할 수 있습니다.
  5. 같은 이름(닉네임)으로 중복 가입 방지 옵션을 선택 또는 선택 해제합니다. 선택하는 경우, 중복 가입이 방지되며, 선택 해제 시 중복 가입이 가능해집니다.


  6. 페이지 상단 또는 하단의 저장 버튼을 클릭해 적용합니다.



카카오 로그인 설정하기



중요: 같은 이름(닉네임)으로 중복 가입 방지 옵션을 해제해 주세요. 소셜 로그인 가입자는 대부분 가입된 플랫폼의 이름(닉네임)을 그대로 사용하는 경향이 있으며, 소셜 로그인 플랫폼에서는 동일 이름(닉네임) 사용이 허용하기에, 해당 옵션을 해제해 주셔야 원활한 가입이 진행됩니다. 
같은 이름(닉네임)으로 중복 가입 방지 또는 해제하기


이 도움말에서는 방문자가 카카오 계정으로 내 사이트에 간편하게 가입하고 로그인 할 수 있도록 설정하는 과정을 설명합니다.


1단계: 카카오 개발자 센터 로그인

  1. 카카오 디벨로퍼스에 접속합니다.
  2. 오른쪽 상단의 로그인 버튼을 클릭해 카카오 계정으로 로그인 합니다.



2단계: 앱 만들기

  1. 상단 메뉴에서 내 애플리케이션을 클릭합니다.
  2. 애플리케이션 추가하기를 클릭합니다.
  3. 앱 아이콘(선택 사항)을 추가하고, 앱 이름(예: 내 사이트 이름)과 사업자명을 작성한 다음, 저장 버튼을 클릭합니다.



3단계: 앱 설정하기

  1. 새롭게 생성된 애플리케이션을 클릭합니다.

  2. (선택 사항) 왼쪽 메뉴에서 [앱 설정 > 일반]을 클릭한 다음, 기본 정보를 확인하고, 테스트 앱 정보를 입력합니다.

  3. 왼쪽 메뉴에서 [앱 설정 > 플랫폼]을 클릭하고, Web 플랫폼 등록 버튼을 클릭합니다.


  4. 내 사이트의 대표 도메인(예: https://mydomain.com)을 입력하고, 저장 버튼을 클릭합니다.
    참고: 사용 중인 도메인이 여러 개인 경우, 아래 그림과 같이 줄바꿈으로 모두 입력하시길 권장합니다. 입력하지 않은 도메인에서는 카카오 로그인이 동작하지 않습니다.


  5. 왼쪽 메뉴에서 [제품설정 > 카카오 로그인 > 동의항목]을 클릭합니다.


  6. 아래 그림과 설명을 참고해 개인정보 보호항목에서 프로필 정보(닉네임/프로필 사진)와 카카오계정(이메일) 항목을 설정합니다. 각 항목은 설정 버튼을 클릭해 수정할 수 있습니다.
    참고: 출생 연도와 생일 항목은 지원하지 않습니다.

    □프로필 정보(닉네임/프로필 사진) : 동의 항목 설정 창이 나오면 필수 동의를 선택하고, 적절한 동의 목적을 작성합니다. 설정을 완료하면 저장 버튼을 클릭합니다.

    □ 카카오계정(이메일) :  동의 항목 설정 창이 나오면 필수 동의, 선택 동의, 이용 중 동의를 선택할 수 있습니다. 필수 동의 선택을 권장하지만, 이 경우 비즈니스 설정 및 검수가 필요하게 됩니다. 이것이 어려운 상황이라면 선택 동의, 이용 중 동의 중 하나를 선택하셔도 됩니다. 동의 단계를 선택했으면 적절한 동의 목적을 작성하고, 저장 버튼을 클릭해 주세요.
    참고: 사이트에서 회원가입 시 이메일을 사용하지 않는 경우, 사용 안함을 유지하셔도 됩니다.

  7. 왼쪽 메뉴에서 [제품설정 > 카카오 로그인]을 클릭하고, 활성화 설정의 상태를 ON으로 변경합니다.https://cdn.imweb.me/upload/395d759360d4a.png

  8. 활성화 설정 아래, Redirect URI 등록 버튼을 클릭합니다.https://cdn.imweb.me/upload/d7edd53167d12.png

  9. Redirect URI를 작성합니다. http://내도메인/oauth 형식으로 작성할 수 있습니다. (예: http://mydomain.com/oauth) 작성을 완료했으면 저장 버튼을 클릭합니다.
참고: 사용 중인 도메인이 여러 개인 경우, 아래 그림과 같이 줄바꿈으로 모두 입력해 주세요.




4단계: 앱 키 복사하기

  1. 왼쪽 메뉴에서 [앱 설정 > 앱 키]를 클릭해 이동합니다.


  2. REST API 키와 네이티브 앱 키를 복사해 메모해 둡니다.



5단계: 내 사이트에 앱 키 적용하기

  1. 새 브라우저 탭을 켭니다.
  2. 내 사이트 관리자 페이지에 접속합니다. 접속방법
  3. 왼쪽 메뉴에서 [환경설정 > 소셜 로그인 / API 설정]를 클릭합니다.
  4. 카카오 로그인 항목에서 카카오 로그인 사용을 선택합니다.
  5. 네이티브 앱 키와 REST API 키 입력칸에는 위 4단계에서 복사한 값을 붙여넣습니다.
  6. 저장 버튼을 클릭해 적용합니다.
  7. 이제 카카오 로그인을 사용할 수 있습니다.




Address

서울특별시 강서구 공항대로212(퀸즈파크11), B동404

Email 

sales@wemento.kr

TEL 

1800-2142

(주)위멘토 l 506-87-00931 l 대표자 김성진 

개인정보책임 김성진 

통신판매업 제2022-서울강서-1096

Address          서울특별시 강서구 공항대로212(퀸즈파크11), B동404

Email               sales@wemento.kr

TEL                  1800-2142

(주)위멘토 l 506-87-00931 l 대표자 김성진 l 개인정보책임 김성진

통신판매업 제2022-서울강서-1096