[Braze] Advanced Liquid: Data Masking (데이터 마스킹)

얼마 전 Braze Learning의 Advanced Liquid 라이브 강의를 들었다. 같이 들은 수강생들은 세네명 정도. 생각보다 소수로 진행되었다. 운 좋게도 나는 담당 CSM님을 통해 프로모션 코드를 받아서 무료로 수강해볼 수 있었다. 원래는 꽤나 비싼 가격의 강의였는데, 솔직히 그 가격인지는 잘....(ㅋㅋㅋㅋㅋㅋ) 일단 무료로 들었을 때는 만족스러웠다! 이 때 배운 내용들을 간단히 정리해보려고 한다.

이렇게 유저 데이터를 일부 가리는 것을 Liquid로 구현해볼 것이다.

생각하기

자 그럼 무엇부터 해야할까? 
강의를 듣기 전에 이 예제를 보고 어떻게 구현할 수 있을까를 생각했을 때, 나는 이메일의 일부 문자열을 *으로 '바꾸어주어야 한다'로 생각했다. 이렇게 생각했더니 문자열을 어떻게 바꿀 수 있을까에 대해서만 생각하게 되어 다른 방법이 생각이 안 나더라....ㅋㅋㅋ Braze Learning에서 제시하는 방법은 문자열을 바꾸는게 아니라, 문자열의 특정 위치까지만 자르고, 그 이후는 ****을 넣어서 가려진 부분을 표시하는 것이었다. 그리고 여기서는 @ 뒷 부분은 그대로 사용하고, @의 앞부분에서만 마스킹이 들어가기 때문에 이 점도 고려해야 한다.

내게 지금 필요한 것

• @를 기준으로, 앞 부분(이메일)과 뒷부분(도메인)을 나누어야한다.
• 이렇게 두 파트로 나눈 뒤, 앞 부분(이메일)의 끝 네 자리를 별표 처리 해야한다. (여기서 힌트! '바꾸는'게 아니라 '자르는' 것)
• 위 두 가지를 잘 조합한다.

힌트

• @를 기준으로, 앞 부분(이메일)과 뒷부분(도메인)을 나누어야한다. 👉🏻 split (Liquid split Filter)
• 이렇게 두 파트로 나눈 뒤, 앞 부분(이메일)의 끝 네 자리를 빈칸 처리 해야한다. 👉🏻 slice (Liquid slice Filter)

코드 작성하기

{% assign email = ${email_address} | split: '@' %}
{% assign username = email[0] | slice: 0, 6 %}

이 이메일 주소가 맞나요? {{username}}****@{{email[1]}}
이메일 주소를 업데이트하고 할인 소식과 최신 뉴스를 받아보세요.

• split 필터를 이용해 @을 기준으로 이메일 주소를 두 부분으로 나눈다.
• username이라는 변수를 지정하고, 위에서 두 부분으로 나눈 이메일 주소의 앞 부분을 활용한다. email.[0] | slice: 0, 6 라는 말은 두 부분으로 나눈 이메일 중 앞 부분에서(email[0]) 맨 앞부터 6자리까지만 남기고 자르겠다(slice: 0, 6)는 의미이다.
  ⭐️여기서 주의할 점은, 0은 첫 번째 순서를 가리킨다. (첫 번째가 1이 아니다)
• {{username}}****@{{email[1]}} 은 맨 앞부터 6자리만 남기고 자른 이메일의 앞 부분 + 별표 4개 + 이메일 뒷부분을 조합한 것이다.