# 잠금 화면에 배송 진행 상황을 표시하는 방법

고객이 주문 접수부터 배송 완료까지 잠금 화면에서 배송원을 추적할 수 있도록 하세요. 이 가이드에서는 [Live Activity 요소](/ko/product/customer-journey/journey-elements/channels/live-activity/)를 사용하여 해당 Journey 를 구축합니다.

## 사전 요구 사항

* iOS 앱이 Live Activities 를 지원해야 합니다. [iOS SDK Live Activities 가이드](/ko/developer/pushwoosh-sdk/ios-sdk/ios-live-activities/)를 참조하세요.
* 이 앱에 대한 배송 위젯 스키마가 게시되어 있어야 합니다. [iOS Live Activity 스키마 구성](/ko/developer/first-steps/connect-messaging-services/ios-configuration/ios-live-activity-schemas-configuration/)을 참조하세요.

## 이벤트 생성

다음은 이 가이드의 예시 이벤트 이름입니다. 앱 또는 백엔드에서 처음으로 이름을 보내면 Pushwoosh 는 [해당 이벤트를 자동으로 생성합니다](/ko/product/audience-data-and-segmentation/events/#implementation). 첫 전송 전에 속성 유형을 직접 설정하려면 Control Panel 에서 이벤트를 먼저 생성하세요.

`OrderPlaced`, `CourierStatusChanged`, `OrderDelivered` 이벤트를 생성(또는 재사용)하세요.

[이벤트 생성에 대해 자세히 알아보기](/ko/product/audience-data-and-segmentation/events/#implementation)

## Journey 구축

[Customer Journey Builder](/ko/product/customer-journey/pushwoosh-journey-overview/)를 열고 캠페인을 생성한 후, 아래의 모든 것을 하나의 캔버스에 구축하세요.

1. **Campaigns → Customer Journey Builder**로 이동합니다.
2. **Create campaign**을 클릭합니다.
3. **Build a journey from scratch**를 클릭합니다.

### 진입점 설정

1. 캔버스에 **Trigger-based entry** 요소를 추가합니다.
2. `OrderPlaced`로 설정합니다.

![EVENT가 OrderPlaced로 설정된 Trigger-based entry 패널](/live-activity-how-to-track-deliveries-with-live-activity-3.webp)

### 주문 카드 시작

1. 진입점 뒤에 **Live Activity** 요소를 추가합니다.
2. 이름을 `Order card start`로 지정합니다.
3. **Action**을 **Start**로 설정합니다.
4. 배송 **Widget**과 **Schema version**을 선택합니다.

![Action이 Start로 설정되고 배송 Widget과 Schema version이 선택된 Order card start](/live-activity-how-to-track-deliveries-with-live-activity-1.webp)

5. **Card key: event**를 `OrderPlaced`로 설정합니다.

![Card key: event가 OrderPlaced로 설정됨](/live-activity-how-to-track-deliveries-with-live-activity-4.webp)

6. **Card content**(`courierName`, `eta`, `distanceMeters`)와 알림 필드를 채웁니다.

![courierName, eta, distanceMeters Card content 필드가 채워져 있고 아래에 알림 필드가 있음](/live-activity-how-to-track-deliveries-with-live-activity-5.webp)

7. **Apply**를 클릭합니다.


### 카드 대기 및 업데이트

Start 요소 뒤의 동일한 캔버스에서 계속 진행합니다.

1. **Wait for Trigger** 요소를 추가합니다.
2. `CourierStatusChanged`를 기다립니다.
3. 배송 업데이트에 맞는 대기 기간을 설정합니다.

![대기 기간과 함께 CourierStatusChanged로 설정된 Wait for Trigger](/live-activity-how-to-track-deliveries-with-live-activity-6.webp)

4. 이벤트가 발생할 때 실행되는 분기에 **Live Activity** 요소를 추가합니다.
5. 이름을 `Order card update`로 지정합니다.
6. **Action**을 **Update**로 설정합니다.
7. 동일한 **Widget**과 **Schema version**을 선택합니다.

![Action이 Update로 설정되고 동일한 Widget과 Schema version이 선택된 Order card update](/live-activity-how-to-track-deliveries-with-live-activity-7.webp)

8. **Card created by**에서 `Order card start`를 선택합니다.

![Update 요소에서 Card created by가 Order card start로 설정됨](/live-activity-how-to-track-deliveries-with-live-activity-8.webp)

9. **Card content**를 업데이트합니다.

![Order card update 요소에서 Card content 필드가 업데이트됨](/live-activity-how-to-track-deliveries-with-live-activity-9.webp)

10. **Apply**를 클릭합니다.

### 카드 대기 및 종료

Update 요소 뒤의 동일한 캔버스에서 계속 진행합니다.

1. 또 다른 **Wait for Trigger** 요소를 추가합니다.
2. `OrderDelivered`를 기다립니다.

![Wait for Trigger가 OrderDelivered로 설정됨](/live-activity-how-to-track-deliveries-with-live-activity-10.webp)

3. 이벤트가 발생할 때 실행되는 분기에 **Live Activity** 요소를 추가합니다.
4. 이름을 `Order card end`로 지정합니다.
5. **Action**을 **End**로 설정합니다.
6. 동일한 **Widget**과 **Schema version**을 선택합니다.
7. **Card created by**에서 `Order card start`를 선택합니다.

![Action이 End로 설정되고, 동일한 Widget과 Schema version이 선택되었으며, Card created by가 Order card start로 설정된 Order card end](/live-activity-how-to-track-deliveries-with-live-activity-11.webp)

8. 필요한 경우 알림과 **Dismiss after, min**을 설정합니다.

![Order card end 요소의 알림 필드와 Dismiss after, min](/live-activity-how-to-track-deliveries-with-live-activity-12.webp)

9. **Apply**를 클릭합니다.

![진입점, 시작, 트리거 대기, 업데이트, 트리거 대기, 종료가 포함된 캔버스 위의 전체 배송 Journey](/live-activity-how-to-track-deliveries-with-live-activity-13.webp)

## 고객에게 표시되는 내용

잠금 화면에서 고객은 배송이 진행됨에 따라 변경되는 하나의 Live Activity 카드를 받게 됩니다. 예:

<Tabs>
<TabItem label="주문 접수 후">
배송원 `Alex M.`, 도착 예정 시간 `18:30`, 거리 `1200` 미터.

![주문 접수 후 잠금 화면 Live Activity 카드에 배송원 Alex M., 도착 예정 시간 18:30, 거리 1200미터가 표시됨](/live-activity-how-to-track-deliveries-with-live-activity-14.webp)
</TabItem>
<TabItem label="배송원 상태 변경 시">
동일한 카드가 업데이트됩니다. 예: 배송원 `Alex M.`, 도착 예정 시간 `18:15`, 거리 `400` 미터.

![배송원 업데이트 후 잠금 화면 Live Activity 카드에 도착 예정 시간 18:15와 거리 400미터가 표시됨](/live-activity-how-to-track-deliveries-with-live-activity-15.webp)
</TabItem>
<TabItem label="배송 시">
카드가 닫히고 잠금 화면에서 사라집니다.
</TabItem>
</Tabs>