[Braze] Advanced Liquid: Count Down (카운트다운)

얼마 전 Braze Learing 라이브 세션에서 쿠폰이 만료될 때, 이벤트가 종료될 때 등의 메시지를 보낼 때 유용하게 사용할 수 있는 카운트다운을 liquid로 구현해 보는 걸 배웠다. 

생각하기

liquid에서 시간을 다룰 때 주의해야할 부분은 시간을 계산할 경우 단위를 맞추어 주어야 한다는 점이다. 

예를 들어 이렇게 특정 날짜를 언급할 경우, 이 날짜를 현재 시간 + 무료 체험기간으로 계산해서 보여줄 수 있다. 이 때 더해지는 무료체험 기간을 '초'로 바꾸어 더한 후 해당 시간이 원하는 포맷(스크린샷에서는 월 - 일 - 연도 순)으로 나타내어지도록 지정해주어야한다.

{% assign expire_date = "now" | date: "%s" | plus: 276480 %}

We hope you're enjoying our premium service! 
We wanted to remind you that  your trial period expires on {{expire_date | date: "%B %e, %Y"}}!

여기서 276480은 3일하고 얼마간의 시간을 초로 표현한 것이다.

그럼 한 걸음 더 나아가서, 날짜로 표현되어지는 특정 시점이 아닌 "n일 남았어요!"와 같은 문구는 어떻게 구현할 수 있을까? 간단하게 말하자면, 만료 시점에서 현재 시각을 빼고, 이 차이를 '일'로 나타내면 된다. 여기서도 위에서 말했던 것과 마찬가지로 단위를 통일하는 것이 필요하다. 자세한 건 다음 포스팅에서!

도움이 되는 자료

STRFTIME Date Filters

Liquid Date Filter

Braze Docs: Liquid Math Filters

Shopify Docs: Liquid Math Filters