# 공통 요소 안내

## Button 타입

<table><thead><tr><th width="150">이미지</th><th>설명</th></tr></thead><tbody><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2FZNPgSkz0sj3HyqaDiCdV%2Fimage13.jpeg?alt=media&#x26;token=8dbfa15e-8443-49f2-a40a-661018aab396" alt=""></td><td>해당 기능의 세부 설명 표시</td></tr><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2F5sV0cNraqDugQGrLQ2cl%2Fimage14.jpeg?alt=media&#x26;token=cb58d10e-5661-46d7-b894-49923203221d" alt=""></td><td>캠페인 미리보기 화면 표시</td></tr><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2Fcuovwe0qPG2m2hYOpt1t%2Fimage15.jpeg?alt=media&#x26;token=2e62c3b8-f4b2-462c-b521-bcf1bd377155" alt=""></td><td>캠페인 상세 통계 화면 이동</td></tr><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2FO8eVOIq56yhhcN4BZF0b%2Fimage16.jpeg?alt=media&#x26;token=d94b6481-d0a8-4c2b-a9dd-d704123b8a17" alt=""></td><td>작성 중인 캠페인 화면 이동</td></tr><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2Fh5b9QigXMusr27X5TvXq%2Fimage17.jpeg?alt=media&#x26;token=c51050d9-c734-47ce-a27e-e9a5eda7858b" alt=""></td><td>통계 그래프 다운로드</td></tr><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2FLKsQjjxZlWWkVbQafcXm%2Fimage18.png?alt=media&#x26;token=c06aec15-06c1-4184-bb98-b17e5beb7b31" alt=""></td><td>정보 검색 기능을 위한 버튼</td></tr><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2FPa2cSBh7xtQbVmHDKnfN%2Fimage19.png?alt=media&#x26;token=b7e71fb2-1acf-4dab-8b18-c090811cc058" alt=""></td><td>'승인대기중' 캠페인의 상태를 '발송대기'로 처리하는 버튼</td></tr><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2F9RVkePOS6A85LPYIcqbj%2Fimage20.png?alt=media&#x26;token=8c7e5a47-e12b-4d7e-aff5-661520b33d7a" alt=""></td><td>'승인대기중' 캠페인의 상태를 '반려'로 처리하는 버튼</td></tr><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2Fu8uvclpp5ist9OedkqXp%2Fimage21.jpeg?alt=media&#x26;token=0984eb3a-dcb2-4c83-8f08-016957132b52" alt=""></td><td>해당 페이지의 화면 프린트</td></tr><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2F09OC895qFwFb4Hr7nmIk%2Fimage22.jpeg?alt=media&#x26;token=51422846-cfb3-4efa-b9d5-77c74bc48943" alt=""></td><td>해당 캠페인 정보를 토대로 새 캠페인 만들기</td></tr><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2Fir7fN0wm7zfcyoz8m83k%2Fimage23.png?alt=media&#x26;token=9f77b79c-96c3-4210-805b-eb51c1175013" alt=""></td><td>계정 승인 요청, 캠페인 승인 요청 알림</td></tr><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2FOCQs43BoM6OqVpyKcfvf%2Fimage24.png?alt=media&#x26;token=89ff03b7-27ee-4699-8f11-fc164e85cd2b" alt=""></td><td>캠페인 작성화면, 이력화면에서의 미리보기 화면 표시</td></tr></tbody></table>

## 알림

<table><thead><tr><th width="259.73171385502917">이미지</th><th>설명</th></tr></thead><tbody><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2FmnpKBTKxiCkuA1BpJWyg%2Fimage25.jpeg?alt=media&#x26;token=b06a7bab-4c29-4b3d-b8a5-84449e973796" alt=""></td><td>시스템 작업 처리 완료 메시지</td></tr><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2FmbLvGFlHEQBlPYzfMxF0%2Fimage26.png?alt=media&#x26;token=708e8a1d-7c2a-4d7e-82e7-bcb71441441f" alt=""></td><td>사용자의 오류를 방지하기 위하여 확인하는 메시지</td></tr></tbody></table>

## 전환발송 화면

![](https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2FIyDFPufxXQ8ubJCQB9Es%2Fimage27-vert.jpg?alt=media\&token=411e3d8c-8a57-495a-ab8e-84c6beb765ec)

① 캠페인을 통해서 발송될 발송 수

② 푸시 채널을 통해서 발송된 발송 수(발송완료 + 발송실패)

③ 발송된 푸시 메시지 오픈 수

④ 발송된 푸시 메시지의 랜딩페이지 URL 클릭 수

⑤ 발송 실패된 푸시 메시지 수

⑥ 알림톡(또는 친구톡) 채널을 통해서 발송된 발송 수(발송완료 + 발송실패)

⑦ 발송된 알림톡(또는 친구톡) 메시지의 랜딩페이지 URL 클릭 수

⑧ 발송 실패된 알림톡(또는 친구톡) 메시지 수

⑨ 문자 채널을 통해서 발송된 발송수(발송완료 + 발송실패)

⑩  발송된 문자 메시지의 랜딩페이지 URL 클릭 수

⑪  발송 실패된 문자 메시지 수

⑫  이메일 채널을 통해서 발송된 발송 수(발송완료 + 발송실패)

⑬  발송된 이메일 메시지 오픈 수

⑭  발송된 이메일 메시지의 랜딩페이지 URL 클릭 수

⑮  발송 실패된 이메일 메시지 수

## 캠페인 상태

<table><thead><tr><th width="150">이미지</th><th>설명</th></tr></thead><tbody><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2FUt0AOp3u4USYKzGryGH3%2Fimage29.png?alt=media&#x26;token=1918942d-8faa-4c92-9ae9-17ffc5974e42" alt=""></td><td>캠페인이 생성되고 작성 진행중인 상태</td></tr><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2FMgpjwKNKjq8Yj8Q0ZZfN%2Fimage30.png?alt=media&#x26;token=0340100a-4c79-4e21-93f4-aeb9402f0066" alt=""></td><td>캠페인이 작성되고 파일 업로드가 진행중인 상태</td></tr><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2FcBYSYGyX2XPuzlhuOp56%2Fimage31.png?alt=media&#x26;token=e55da45a-c7f5-4b6b-989f-99837950c7ff" alt=""></td><td>파일 업로드 중 오류가 발생한 상태</td></tr><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2Fob0bl8fHGMwqz7OGY2bv%2Fimage32.png?alt=media&#x26;token=e97656fc-15b5-443d-ac07-9f985e84d577" alt=""></td><td>캠페인 작성이 완료되고 관리자의 승인을 기다리는 상태(발송되지 않음)</td></tr><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2FmNFtUHWvjI9WlT7wqrG6%2Fimage33.png?alt=media&#x26;token=e9363430-23db-4738-8437-972c38710566" alt=""></td><td>관리자가 작성된 캠페인을 승인하고 발송대기 하는 상태</td></tr><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2FUMYwiMzbkgjATEH2mK0P%2Fimage34.png?alt=media&#x26;token=3f3eda10-d8f6-4ded-939d-ca2562bf0471" alt=""></td><td>관리자가 작성된 캠페인을 반려하고 승인을 받지 못한 상태(발송되지 않음)</td></tr><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2FMkGZrn5gwlc8LSNtPulU%2Fimage35.png?alt=media&#x26;token=591149c3-096a-4334-b924-5bdc7dd2abac" alt=""></td><td>발송대기중인 캠페인의 발송이 모두 완료된 상태</td></tr><tr><td><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2Fh3uW4nzy9mDKKs2d2IQi%2Fimage36.png?alt=media&#x26;token=cabedc57-e756-4e5a-80d4-476117f61f65" alt=""></td><td>발송대기중인 캠페인의 발송을 취소한 상태(발송되지 않음)</td></tr></tbody></table>

## 미리보기

![](https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2FWtDgzdpKueRcsysIVGR5%2Fimage37.png?alt=media\&token=84c91ab7-8b1d-4c00-bfeb-66baacb4fa43)

① 캠페인 미리보기 화면 호출 시, 전환발송 타입에 따른 미리보기 화면(이메일은 미리보기 기능 없음)

## 테스트 발송

![](https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2FCCqnLJaI8pEjhH0XWZUB%2Fimage38.png?alt=media\&token=874cbd8d-64da-4099-bc1e-f12a9fc98ac4)

① 선택된 채널에 대한 테스트 발송 전 미리보기 화면

② 채널별 테스트를 진행할 수 있으며, ‘전체발송’ 시 선택된 채널에 대한 모든 테스트 진행

## DB 불러오기

![](https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2FLucUO5FcoEezWw9OCK3d%2Fimage39.png?alt=media\&token=65c250bb-29f6-45fd-b48a-880ff137e476)

① 명칭 검색을 통한 리스트 조회 (like 조회)

② 조회된 DB불러오기 데이터의 상태 확인 가능

<table><thead><tr><th width="150">타입</th><th>설명</th></tr></thead><tbody><tr><td>선택</td><td>불러올 데이터 선택</td></tr><tr><td>명칭</td><td>DB에 저장된 리스트 명칭</td></tr><tr><td>대상자수</td><td>해당 리스트의 발송 대상자 수</td></tr><tr><td>등록일</td><td>해당 리스트가 등록된 날짜</td></tr></tbody></table>

③ 조회된 DB불러오기 데이터에 대한 삭제 기능 (선택 삭제, 전체 삭제)\
&#x20;     \- 전체 삭제 시 해당 페이지 삭제가 아닌, 모든 데이터 삭제

④ 선택된 DB불러오기 데이터 불러오기

\[Alert 목록]

<table><thead><tr><th width="150">문구</th><th>설명</th></tr></thead><tbody><tr><td>삭제할 데이터를 선택해 주세요</td><td>삭제할 데이터를 선택하지 않고 선택 삭제 버튼을 눌렀을 경우</td></tr><tr><td>데이터를 선택해주세요.</td><td>리스트에서 데이터를 선택하지 않고 ‘선택한 데이터 불러오기’ 버튼을 눌렀을 경우</td></tr><tr><td>기존 파일과 동일하지 않습니다.<br>다시 확인해 주세요.</td><td>앞서 ‘파일 불러오기’ 및 ‘DB 불러오기’ 한 내용과 맞지 않는 데이터를 불러온 경우</td></tr><tr><td>DB 불러오기 발송 대상은 최대 ‘x’건입니다. 데이터를 다시 선택해 주세요.</td><td>발송 대상 데이터가 DB 발송 최대값을 넘어선 경우(DB 발송 최대값은 properties파일에서 수정 가능)</td></tr><tr><td>잘못된 접근입니다.</td><td>선택된 데이터의 일련번호가 올바르지 않는 경우</td></tr></tbody></table>

\[Confirm 목록]

<table><thead><tr><th width="150">문구</th><th>설명</th></tr></thead><tbody><tr><td>선택된 데이터가 삭제됩니다. 정말로 삭제하시겠습니까?</td><td>리스트에서 데이터를 선택 후, ‘선택 삭제’ 버튼을 눌렀을 경우 삭제 알림</td></tr><tr><td>‘x’개에 해당하는 모든 데이터가 삭제됩니다. 삭제된 데이터는 복구할 수 없습니다. 정말로 삭제하시겠습니까?</td><td>‘전체 삭제’ 버튼을 눌렀을 경우, 리스트의 모든 데이터의 삭제 알림</td></tr></tbody></table>

{% hint style="info" %} <mark style="color:blue;">**'DB불러오기' 사용 안내**</mark>

* 해당 기능은 관리자를 통해 데이터가 선 입력이 되어야 사용할 수 있습니다.
* 사용자 페이지에서는 ‘DB 불러오기’ 데이터를 추가할 수 없습니다.
* ‘DB 불러오기’ 리스트 화면의 ‘전체 삭제’는 모든 데이터의 삭제를 의미합니다.
  {% endhint %}

## DB 불러오기 v2

<figure><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2FNTIeBVRX9AUyUBDkAur3%2FDB%20%EB%B6%88%EB%9F%AC%EC%98%A4%EA%B8%B0%20v2.png?alt=media&#x26;token=b6250c17-250e-42ed-9a25-0199f5460867" alt=""><figcaption></figcaption></figure>

①    각 데이터 상세보기 기능 추가

②    선택된 DB불러오기 파일 다운로드 기능 추가(관리자 권한만 이용 가능)

<figure><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2FINRvWNsk066e8Vj8iEak%2FDB%20%EB%B6%88%EB%9F%AC%EC%98%A4%EA%B8%B0%20v2%20-%202.png?alt=media&#x26;token=7c8da9b7-033e-4607-a165-04ad665e5a5b" alt=""><figcaption></figcaption></figure>

①    고정 헤더(수신자 번호, 식별자, 이메일, 이름) 항목 검색 가능

②    선택된 그룹의 데이터 세팅

<table><thead><tr><th width="150">타입</th><th>설명</th></tr></thead><tbody><tr><td>선택</td><td>불러올 데이터 선택</td></tr><tr><td>명칭</td><td>DB에 저장된 리스트 명칭</td></tr><tr><td>대상자수</td><td>해당 리스트의 발송 대상자 수</td></tr><tr><td>등록일</td><td>해당 리스트가 등록된 날짜</td></tr></tbody></table>

\[Alert 목록]

<table><thead><tr><th width="150">문구</th><th>설명</th></tr></thead><tbody><tr><td>삭제할 데이터를 선택해 주세요</td><td>삭제할 데이터를 선택하지 않고 선택 삭제 버튼을 눌렀을 경우</td></tr><tr><td>데이터를 선택해주세요.</td><td>리스트에서 데이터를 선택하지 않고 ‘선택한 데이터 불러오기’ 버튼을 눌렀을 경우</td></tr><tr><td>기존 파일과 동일하지 않습니다.<br>다시 확인해 주세요.</td><td>앞서 ‘파일 불러오기’ 및 ‘DB 불러오기’ 한 내용과 맞지 않는 데이터를 불러온 경우</td></tr><tr><td>DB 불러오기 발송 대상은 최대 ‘x’건입니다. 데이터를 다시 선택해 주세요.</td><td>발송 대상 데이터가 DB 발송 최대값을 넘어선 경우(DB 발송 최대값은 properties파일에서 수정 가능)</td></tr><tr><td>잘못된 접근입니다.</td><td>선택된 데이터의 일련번호가 올바르지 않는 경우</td></tr></tbody></table>

\[Confirm 목록]

<table><thead><tr><th width="150">문구</th><th>설명</th></tr></thead><tbody><tr><td>선택된 데이터가 삭제됩니다. 정말로 삭제하시겠습니까?</td><td>리스트에서 데이터를 선택 후, ‘선택 삭제’ 버튼을 눌렀을 경우 삭제 알림</td></tr><tr><td>‘x’개에 해당하는 모든 데이터가 삭제됩니다. 삭제된 데이터는 복구할 수 없습니다. 정말로 삭제하시겠습니까?</td><td>‘전체 삭제’ 버튼을 눌렀을 경우, 리스트의 모든 데이터의 삭제 알림</td></tr></tbody></table>

{% hint style="info" %} <mark style="color:blue;">'</mark><mark style="color:blue;">**DB불러오기' 사용 안내**</mark>

* 해당 기능은 관리자를 통해 데이터가 선 입력이 되어야 사용할 수 있습니다.
* 사용자 페이지에서는 ‘DB 불러오기’ 데이터를 추가할 수 없습니다.
* ‘DB 불러오기’ 리스트 화면의 ‘전체 삭제’는 모든 데이터의 삭제를 의미합니다.
  {% endhint %}

## 직접입력

<figure><img src="https://675848947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSz3sUFe511oIeRi9Vba6%2Fuploads%2FDAsNvX2WqRfB4ksxAJ9p%2F%EA%B3%B5%ED%86%B5%EC%9A%94%EC%86%8C%20%EC%95%88%EB%82%B4%20-%20%EC%A7%81%EC%A0%91%EC%9E%85%EB%A0%A5%20-------.png?alt=media&#x26;token=248728b0-71c5-4792-a582-e91224c3057e" alt=""><figcaption></figcaption></figure>

① 입력할 고객정보(치환값)의 개수를 선택

② 치환 변수값과 데이터 정보를 입력 ( ‘Enter’ 키로 행 추가, ‘Delete’ 키로 행 삭제)

③ 입력된 정보를 저장 및 취소

\[Alert 목록]

<table><thead><tr><th width="150">문구</th><th>설명</th></tr></thead><tbody><tr><td><p>[n] 행의 [m] 열에 공백이 있습니다.</p><p>공백이 있는 행은 지워주시고 이용해주세요.</p></td><td>n 번째 행의 m 열에 공백이 존재하여 파일을 등록할 수 없는 상태, 미이용 행의 경우 'Delete' 키로 행 삭제 처리 필요</td></tr></tbody></table>
