사이트 속도는 방문자들의 관심을 끌기 위한 중요한 요소입니다. 사이트 로드 시간이 오래 걸리면 많은 방문자들이 사이트를 읽기 전에 나갈 수도 있습니다. 사이트 로드 속도를 높이고 더 많은 사람의 관심을 끄는 데 도움이 되는 몇 가지 도움말 및 유용한 정보를 소개합니다.
이미지 및 미디어 최적화
사이트에 포함된 이미지, 동영상 및 기타 멀티미디어가 많을수록 사이트의 로드 시간은 오래 걸리게 됩니다. 하지만 이미지 및 기타 멀티미디어는 방문자의 관심을 끌 수 있는 중요한 요소이므로 이미지 및 멀티미디어의 로드 속도를 최적화 하는 것이 중요합니다. 미디어 로드 속도를 향상시키는 방법은 다음과 같습니다.
이미지 파일 용량을 줄입니다. 같은 이미지라도 파일 형식이나 최적화 정도에 따라 용량 차이는 매우 클 수 있습니다. 온라인 이미지 최적화 도구를 사용하면 같은 파일이라도 50% 적은 용량으로 표시될 수 있습니다.
한 페이지에서 동시에 표시되는 이미지나 멀티미디어의 수를 줄입니다.
한 페이지에 표시할 이미지가 많다면 갤러리 위젯을 사용하실 것을 추천합니다.
타사 자바스크립트 및 링크
사이트 로드 속도를 최적화하려면 자바스크립트 및 링크를 사용하는 것이 좋습니다. 하지만 타사 자바스크립트 및 링크를 사용해야만 하는 경우 모든 자바스크립트를 사이트의 하단에 삽입하면 사용자의 체감 로드 속도가 훨씬 빨라집니다.
하단에 공통 스크립트 추가하기
내 사이트 관리자 페이지에 접속합니다. 접속방법
왼쪽 메뉴에서 [환경설정 > SEO(검색엔진최적화)]를 클릭합니다.
페이지 하단 Footer Code에 스크립트 및 기타 링크 코드를 추가합니다.
저장 버튼을 클릭해 적용합니다.
이제 디자인 모드에서 생성하는 모든 메뉴(페이지) 하단에 스크립트 및 링크가 자동으로 추가됩니다.
네이버 아이디로 로그인(네아로)을 사용하기 위해선 심사가 필요하며, 심사 결과에 따라 이메일로 신청자에게 안내하고 있습니다. 네아로 측에서 보내준 메일을 자세히 검토하여 조치해 보시기 바랍니다.
다음은 심사가 거절되는 주요 유형과 대처 방법입니다.
불필요한 개인정보 요구 또는 불일치
네아로 측에서는 사이트에서 꼭 필요한 개인정보만 취급하는 것을 권장합니다. 특별한 경우가 아닌한 위 이미지처럼 이메일, 별명, 프로필 사진만 필수로 체크해 주세요.
설정위치
네이버 개발자센터 로그인 > Application > 내 애플리케이션 > 네아로 설정한 애플리케이션 클릭 > API 설정의 사용 API
주의: 필수로 체크(또는 추가)한 항목은 실제 사이트 회원가입 시 사용하고 있어야 합니다. 만약 회원가입 시 사용하지 않는 항목을 사용하고 있을 경우 체크를 해제해 주세요. 회원가입 항목 추가 및 편집 방법
네아로에서 제공하지 않는 정보를 심사요청 시 미입력
네아로에서 사이트에 제공할 수 있는 정보는 이름, 이메일, 별명, 프로필 사진, 성별, 생일, 연령대입니다. 이 중에서 생일과 연령대는 아임웹 형식과 맞지 않아 체크하여도 무의미합니다. 네아로에서 제공하는 생일은 생년이 제외된 정보이며, 아임웹은 생년월일 형식의 데이터만 받고 있습니다. 연령대의 경우에도 각 소셜 로그인 제공업체마다 구분이 달라 지원하지 않고 있습니다.
요컨대 이름, 이메일, 별명, 프로필 사진, 성별 외의 정보를 회원가입시 1개 이상 입력받고 있다면 그 사항을 검수 요청시 기재해야 합니다. (예: 상품 배송을 위해 주소정보 입력을 받는 경우)
1. 검수요청 방법
네이버 개발자 센터 로그인 > Application > 내 애플리케이션 > 네아로 설정한 애플리케이션 클릭 > 개발 상태 항목의 네아로 검수요청 버튼 클릭
관리자 페이지에서는 개인정보 보호를 위해 소유자 계정이 아닐 경우 개인정보 관련 항목들이 암호화 처리 되고 있습니다. 개인정보 접근 권한이 없을 경우 개인정보를 취급하는 페이지들의 편집 권한이 비활성화됩니다. 이 도움말은 운영진 그룹의 개인정보 암호화 처리 해제 방법을 안내합니다.
중요: 같은 이름(닉네임)으로 중복 가입 방지 옵션을 해제해 주세요. 소셜 로그인 가입자는 대부분 가입된 플랫폼의 이름(닉네임)을 그대로 사용하는 경향이 있으며, 소셜 로그인 플랫폼에서는 동일 이름(닉네임) 사용이 허용하기에, 해당 옵션을 해제해 주셔야 원활한 가입이 진행됩니다. 같은 이름(닉네임)으로 중복 가입 방지 또는 해제하기
이 도움말에서는 방문자가 카카오 계정으로 내 사이트에 간편하게 가입하고 로그인 할 수 있도록 설정하는 과정을 설명합니다.
앱 아이콘(선택 사항)을 추가하고, 앱 이름(예: 내 사이트 이름)과 사업자명을 작성한 다음, 저장 버튼을 클릭합니다.
3단계: 앱 설정하기
새롭게 생성된 애플리케이션을 클릭합니다.
(선택 사항) 왼쪽 메뉴에서 [앱 설정 > 일반]을 클릭한 다음, 기본 정보를 확인하고, 테스트 앱 정보를 입력합니다.
왼쪽 메뉴에서 [앱 설정 > 플랫폼]을 클릭하고, Web 플랫폼 등록 버튼을 클릭합니다.
내 사이트의 대표 도메인(예: https://mydomain.com)을 입력하고, 저장 버튼을 클릭합니다. 참고: 사용 중인 도메인이 여러 개인 경우, 아래 그림과 같이 줄바꿈으로 모두 입력하시길 권장합니다. 입력하지 않은 도메인에서는 카카오 로그인이 동작하지 않습니다.
왼쪽 메뉴에서 [제품설정 > 카카오 로그인 > 동의항목]을 클릭합니다.
아래 그림과 설명을 참고해 개인정보 보호항목에서 프로필 정보(닉네임/프로필 사진)와 카카오계정(이메일) 항목을 설정합니다. 각 항목은 설정 버튼을 클릭해 수정할 수 있습니다. 참고: 출생 연도와 생일 항목은 지원하지 않습니다.
□프로필 정보(닉네임/프로필 사진) : 동의 항목 설정 창이 나오면 필수 동의를 선택하고, 적절한 동의 목적을 작성합니다. 설정을 완료하면 저장 버튼을 클릭합니다. □ 카카오계정(이메일) : 동의 항목 설정 창이 나오면 필수 동의, 선택 동의, 이용 중 동의를 선택할 수 있습니다. 필수 동의 선택을 권장하지만, 이 경우 비즈니스 설정 및 검수가 필요하게 됩니다. 이것이 어려운 상황이라면 선택 동의, 이용 중 동의 중 하나를 선택하셔도 됩니다. 동의 단계를 선택했으면 적절한 동의 목적을 작성하고, 저장 버튼을 클릭해 주세요.
참고: 사이트에서 회원가입 시 이메일을 사용하지 않는 경우, 사용 안함을 유지하셔도 됩니다.
왼쪽 메뉴에서 [제품설정 > 카카오 로그인]을 클릭하고, 활성화 설정의 상태를 ON으로 변경합니다.
활성화 설정 아래, Redirect URI 등록 버튼을 클릭합니다.
Redirect URI를 작성합니다. http://내도메인/oauth 형식으로 작성할 수 있습니다. (예: http://mydomain.com/oauth) 작성을 완료했으면 저장 버튼을 클릭합니다.
참고: 사용 중인 도메인이 여러 개인 경우, 아래 그림과 같이 줄바꿈으로 모두 입력해 주세요.
4단계: 앱 키 복사하기
왼쪽 메뉴에서 [앱 설정 > 앱 키]를 클릭해 이동합니다.
REST API 키와 네이티브 앱 키를 복사해 메모해 둡니다.
5단계: 내 사이트에 앱 키 적용하기
새 브라우저 탭을 켭니다.
내 사이트 관리자 페이지에 접속합니다. 접속방법
왼쪽 메뉴에서 [환경설정 > 소셜 로그인 / API 설정]를 클릭합니다.
카카오 로그인 항목에서 카카오 로그인 사용을 선택합니다.
네이티브 앱 키와 REST API 키 입력칸에는 위 4단계에서 복사한 값을 붙여넣습니다.
저장 버튼을 클릭해 적용합니다.
이제 카카오 로그인을 사용할 수 있습니다.
대표. 김성진 ㅣ 사업자등록번호. 506-87-00931 ㅣ Email. sales@wemento.kr ㅣ 고객센터. 1800-2142 (09:00~18:00 / 주말 및 공휴일 휴무)
사이트 속도는 방문자들의 관심을 끌기 위한 중요한 요소입니다. 사이트 로드 시간이 오래 걸리면 많은 방문자들이 사이트를 읽기 전에 나갈 수도 있습니다. 사이트 로드 속도를 높이고 더 많은 사람의 관심을 끄는 데 도움이 되는 몇 가지 도움말 및 유용한 정보를 소개합니다.
이미지 및 미디어 최적화
사이트에 포함된 이미지, 동영상 및 기타 멀티미디어가 많을수록 사이트의 로드 시간은 오래 걸리게 됩니다. 하지만 이미지 및 기타 멀티미디어는 방문자의 관심을 끌 수 있는 중요한 요소이므로 이미지 및 멀티미디어의 로드 속도를 최적화 하는 것이 중요합니다. 미디어 로드 속도를 향상시키는 방법은 다음과 같습니다.
타사 자바스크립트 및 링크
사이트 로드 속도를 최적화하려면 자바스크립트 및 링크를 사용하는 것이 좋습니다. 하지만 타사 자바스크립트 및 링크를 사용해야만 하는 경우 모든 자바스크립트를 사이트의 하단에 삽입하면 사용자의 체감 로드 속도가 훨씬 빨라집니다.
하단에 공통 스크립트 추가하기
내 사이트의 로딩 속도가 궁금할 때 Google 크롬 브라우저 개발자도구를 사용해 간단하게 트래픽/속도를 측정할 수 있습니다. 일반적으로 한 개 페이지가 표시되는 데 필요한 데이터 용량은 5MB 미만을 권장합니다.
만약 제작하신 사이트가 느리다고 생각되는 경우, 다음 절차에 따라 크롬 개발자도구로 내 사이트의 한 개 페이지에서 얼마나 많은 데이터가 로드되고 있는지 확인해 보세요.
1단계: 크롬 개발자도구 열기
다음처럼 개발자도구가 화면 오른쪽에 나타납니다.
2단계: 개발자도구 내 'Network' 탭에서 기록 시작
Network탭을 클릭합니다.
개발자도구 화면을 기준으로 왼쪽 상단 원형의 기록 아이콘을 클릭합니다. 또는 키보드 단축키 CTRL + E(Mac : Command + E)를 누릅니다.
3단계: '캐시 비우기 및 강력 새로고침'으로 사이트 다시 열기
캐시 비우기 및 강력 새로고침을 클릭합니다.
주의: 반드시 캐시 비우기 및 강력 새로고침으로 페이지를 새로고침 해야 정확한 측정이 가능합니다.
4단계: 트래픽/속도 확인하기
다음의 설명을 참고해 속도를 저해하는 요소들을 확인할 수 있습니다. 여러 항목들이 있지만 주로 Name, Type, Size, Time을 통해 확인합니다. 각 항목은 마우스를 클릭해 높은 순 또는 낮은 순으로 정렬이 가능합니다.
위 항목들을 확인해 비정상적으로 과부하가 걸리는 이미지나 파일이 없는지 확인해 보세요. 사이트 로드 속도를 향상 시키는 여러 방법은 아래 관련 도움말을 통해 자세히 알아보실 수 있습니다.
네이버 아이디로 로그인(네아로)을 사용하기 위해선 심사가 필요하며, 심사 결과에 따라 이메일로 신청자에게 안내하고 있습니다. 네아로 측에서 보내준 메일을 자세히 검토하여 조치해 보시기 바랍니다.
다음은 심사가 거절되는 주요 유형과 대처 방법입니다.
불필요한 개인정보 요구 또는 불일치
네아로 측에서는 사이트에서 꼭 필요한 개인정보만 취급하는 것을 권장합니다. 특별한 경우가 아닌한 위 이미지처럼 이메일, 별명, 프로필 사진만 필수로 체크해 주세요.
설정위치
네이버 개발자센터 로그인 > Application > 내 애플리케이션 > 네아로 설정한 애플리케이션 클릭 > API 설정의 사용 API
네아로에서 제공하지 않는 정보를 심사요청 시 미입력
네아로에서 사이트에 제공할 수 있는 정보는 이름, 이메일, 별명, 프로필 사진, 성별, 생일, 연령대입니다. 이 중에서 생일과 연령대는 아임웹 형식과 맞지 않아 체크하여도 무의미합니다. 네아로에서 제공하는 생일은 생년이 제외된 정보이며, 아임웹은 생년월일 형식의 데이터만 받고 있습니다. 연령대의 경우에도 각 소셜 로그인 제공업체마다 구분이 달라 지원하지 않고 있습니다.
요컨대 이름, 이메일, 별명, 프로필 사진, 성별 외의 정보를 회원가입시 1개 이상 입력받고 있다면 그 사항을 검수 요청시 기재해야 합니다. (예: 상품 배송을 위해 주소정보 입력을 받는 경우)
1. 검수요청 방법
네이버 개발자 센터 로그인 > Application > 내 애플리케이션 > 네아로 설정한 애플리케이션 클릭 > 개발 상태 항목의 네아로 검수요청 버튼 클릭
2. 검수요청시 기재 위치
아래 이미지의 3번 항목
로그인, 가입 등 스크린샷 누락
네아로 검수 요청시 다음과 같은 사항을 필수적으로 제출해야 합니다.
1. 제출사항
2. 검수요청 방법 및 첨부파일 업로드 방법
검수요청시 첨부파일 업로드: 첨부 파일 항목의 파일선택 버튼을 클릭해 파일 업로드. (파일이 여러개라면 여러번 파일 업로드)
Google 크롬, Microsoft 엣지, 파이어폭스(Firefox) 등 세계 주요 인터넷 브라우저에는 사용자의 웹 서핑 정보(인터넷 사용 기록, 쿠키 및 사이트 데이터 또는 양식 등)가 저장되지 않는 시크릿 모드라는 기능을 제공합니다.
시크릿 창을 켜면 모든 웹서비스가 로그아웃된 상태로 인터넷에 접속됩니다. 따라서 사이트 설정 변경 후 로그아웃할 필요 없이 시크릿 창만 켜서 간편하게 내 사이트의 로그인 전/후 상태를 확인할 수 있습니다.
이 도움말에서는 Google 크롬에서 시크릿 창을 켜서 로그인 및 비로그인 상태에서의 사이트를 비교, 검토하는 방법을 소개합니다.
활용방법
PC에 설치된 크롬 아이콘을 클릭해 브라우저를 켭니다.
새 창이 나타납니다. 화면에
아이콘이 나오면 정상적으로 시크릿 창이 켜진 것입니다.참고: 운영체제 및 크롬 버전에 따라 창 모양이 일부 다를 수 있습니다.
설정한 사항들이 비로그인 방문자의 화면에서 정상 작동하는지 확인합니다. 예를 들어 비로그인 상태에서 상품 가격이 보이지 않도록 설정한 경우 시크릿 창에서는 다음 그림처럼 가격이 표시되지 않습니다.
단축키로 시크릿 창 열기
PC에서 키보드 단축키로 시크릿 창을 열 수도 있습니다.
관리자 페이지에서는 개인정보 보호를 위해 소유자 계정이 아닐 경우 개인정보 관련 항목들이 암호화 처리 되고 있습니다. 개인정보 접근 권한이 없을 경우 개인정보를 취급하는 페이지들의 편집 권한이 비활성화됩니다. 이 도움말은 운영진 그룹의 개인정보 암호화 처리 해제 방법을 안내합니다.
설정방법
개인정보 접근 권한(조회,검색) 옵션을 클릭합니다.
알림 메세지 보내기
알림 메세지를 발송하여 회원들에게 중요한 소식을 무료로 전달할 수 있습니다. 모바일 App을 설치한 사용자는 알림 메세지를 푸시 알림(Push Notification) 형식으로 실시간으로 수신할 수 있으며, 비회원도 수신이 가능합니다.
발송방법
메세지 발송 방식으로 알림을 선택합니다.
아래 그림과 설명을 참고해 메세지를 작성합니다.
발송할 회원그룹을 선택합니다.
참고: 특정 회원에게만 알림 메세지를 발송하려면 사용자 관리 > 사용자 목록 에서 회원을 선택하고, 상단의 메세지 > 알림 을 클릭하여 개별 발송하세요.
게시물 순서 변경하기
게시물 작성시각을 수정해 게시물 순서를 변경할 수 있습니다. 뉴스레터, 기사글, 자주 묻는 질문 등 순서를 변경할 때 사용할 수 있습니다.
변경방법
왼쪽 게시판 목록에서, 게시물 순서를 변경할 게시판을 선택합니다.
작성시각 수정 을 클릭합니다.
작성 날짜 및 시각(30분 단위)을 변경합니다.
네이버 로그인 설정하기
이 도움말에서는 방문자가 네이버 계정으로 내 사이트에 가입하고 로그인 할 수 있도록 네이버 로그인을 설정하는 과정을 안내합니다.
시작에 앞서
먼저 가입 및 그룹 설정에서 같은 이름(닉네임)으로 중복 가입 방지 옵션을 해제해 주세요.
설정방법
1단계: 내 사이트 가입 항목 확인하기
방문자가 내 사이트에 회원가입할 때 받는 가입 항목을 확인해 주세요. 확인한 가입 항목은 나중에 3단계: 네이버 로그인 API 정보 입력하기 단계에서 사용하게 됩니다.
공통항목 과 가입 폼 관리 에서 사용 및 필수로 체크된 가입 항목을 확인하고 메모해 둡니다.
2단계: 네이버 로그인 애플리케이션 등록하기
상단 메뉴에서 [Application > 애플리케이션 등록]을 클릭합니다.
3단계: 네이버 로그인 API 정보 입력하기
제공 정보 선택 항목이 나오면, 네이버 이용자가 내 사이트에 네이버 계정으로 가입할 때, 네이버로부터 제공 받을 가입자 정보를 선택합니다. 위 1단계에서 확인한 내 사이트 가입 항목을 기준으로 꼭 필요한 제공 정보만 필수로 선택해 주세요.
PC 웹 항목에 서비스 URL 과 Callback URL을 입력합니다. 아래 그림과 설명을 참고하세요.
참고: SSL 보안서버 인증서를 설치했다면 http를 https로 변경해 입력하세요.
참고: SSL 보안서버 인증서를 설치했다면 위 그림과 같이 https 형식도 추가로 등록해 주세요.
(선택 사항) 기본 도메인(*.uriweb.kr)에서도 네이버 로그인이 동작하도록 설정하려면 아래 절차에 따라 로그인 오픈 API 서비스 환경을 추가합니다.
로그인 오픈 API 서비스 환경 에서 환경 추가 메뉴를 클릭하고, Mobile 웹을 선택합니다.
위 6번 과정과 같은 방법으로 Mobile 웹 항목에도 서비스 URL 과 Callback URL 을 입력합니다.
4단계: 내 사이트에 Client ID 및 Client Secret 입력하기
애플리케이션 정보가 나타납니다. 여기서 Client ID 와 Client Secret 을 복사하고 메모해 둡니다.
내 사이트 관리자 페이지로 돌아갑니다.
네이버 로그인 항목에서 네이버 로그인 사용을 선택하고, 위 1번 과정에서 복사한 Client ID 와 Client Secret 키를 각각 붙여넣습니다.
5단계: 로고 이미지 등록 및 개발 상태 변경하기
네이버 개발자 센터 탭으로 돌아가 API 설정 탭을 클릭합니다.
로그인 오픈 API 서비스 환경 항목에서 로고 이미지를 등록합니다.
애플리케이션 개발 상태 항목에서 검수요청 하러 가기 버튼을 클릭합니다.
6단계: 검수 요청하기
네이버 로그인을 사용하기 위해선 네이버 검수를 받아야 합니다. 아래 그림과 설명을 참고해 검수를 요청해 주세요.
1. 검수 신청 전 가이드 확인
검수 요청 가이드 확인을 체크합니다.
2. 제공 정보 활용처 확인
네이버로부터 제공받을 사용자 정보를 선택하고, 각 정보가 보여지는 실제 화면을 캡쳐하여 등록합니다.
네이버로부터 제공받을 제공 정보 항목을 모두 체크합니다.
내 사이트의 마이페이지에 접속 후 왼쪽 메뉴 열에서 정보 수정을 클릭합니다. 아래 그림과 같이 회원정보가 나오면 캡쳐 프로그램을 사용해 스크린샷으로 캡쳐합니다.
네이버 검수 페이지로 돌아가, 파일선택 버튼을 클릭 후 캡쳐한 파일을 등록합니다.
3. 서비스 적용 형태 확인
네이버 아이디로 로그인을 통한 신규 회원 가입에 적용을 체크합니다.
네이버 로그인 적용 형태를 확인할 수 있도록 네이버 로그인이 적용된 사이트 화면 과 회원가입 정보입력 상세 화면을 캡쳐 후 편집하여 이미지 파일로 만듭니다.
파일선택 버튼을 클릭 후 위 1번 과정에서 만든 이미지 파일을 업로드 합니다.
4. 추가 제출 서류 확인
일부 업종에서 네이버 로그인을 사용하기 위해선 추가 서류를 제출해야 합니다.
해당되는 항목이 없다면 없음 을 선택합니다.
5. 검수 요청하기
페이지 하단의 검수 요청 버튼을 클릭합니다.
7단계: 검수 결과 확인 및 설정 완료
네이버 로그인 검수 결과는 계정 설정에 등록된 메일 주소로 전달되며, 영업일 기준으로 3~4일이 소요될 수 있습니다.
심사가 승인되면 이제 방문자 누구나 내 사이트에 네이버 계정으로 회원가입 및 로그인할 수 있게 됩니다.
테스터 ID 등록하기
검수자료를 만들 때 내 사이트에서 네이버 로그인 하는 과정을 캡처해야 하는데, 관리자 계정만으로 한계가 있을 때 테스트를 위한 테스터 ID를 등록해 사용할 수 있습니다.
테스터 ID 등록방법
테스터 ID 등록 항목에 테스트용 네이버 ID를 입력합니다.
같은 이름(닉네임)으로 중복 가입 방지 또는 해제하기
방문자가 회원가입 시 기존 회원과 동일한 이름(또는 닉네임)으로 가입하는 걸 허용 또는 제한할 수 있습니다.
설정 및 해제방법
참고: 사용자가 설정한 가입 유형에 따라, 다른 가입 유형의 이름 옵션을 수정해야 할 수 있습니다.
카카오 로그인 설정하기
같은 이름(닉네임)으로 중복 가입 방지 또는 해제하기
이 도움말에서는 방문자가 카카오 계정으로 내 사이트에 간편하게 가입하고 로그인 할 수 있도록 설정하는 과정을 설명합니다.
1단계: 카카오 개발자 센터 로그인
2단계: 앱 만들기
3단계: 앱 설정하기
참고: 사용 중인 도메인이 여러 개인 경우, 아래 그림과 같이 줄바꿈으로 모두 입력하시길 권장합니다. 입력하지 않은 도메인에서는 카카오 로그인이 동작하지 않습니다.
참고: 출생 연도와 생일 항목은 지원하지 않습니다.
□프로필 정보(닉네임/프로필 사진) : 동의 항목 설정 창이 나오면 필수 동의를 선택하고, 적절한 동의 목적을 작성합니다. 설정을 완료하면 저장 버튼을 클릭합니다.
□ 카카오계정(이메일) : 동의 항목 설정 창이 나오면 필수 동의, 선택 동의, 이용 중 동의를 선택할 수 있습니다. 필수 동의 선택을 권장하지만, 이 경우 비즈니스 설정 및 검수가 필요하게 됩니다. 이것이 어려운 상황이라면 선택 동의, 이용 중 동의 중 하나를 선택하셔도 됩니다. 동의 단계를 선택했으면 적절한 동의 목적을 작성하고, 저장 버튼을 클릭해 주세요.
4단계: 앱 키 복사하기
5단계: 내 사이트에 앱 키 적용하기