값 마스킹

소개

이 랩에서는 주어진 문자열의 마지막 num 문자를 제외한 모든 문자를 지정된 마스크 문자로 대체하는 데 사용할 수 있는 JavaScript 함수 mask를 살펴봅니다. 신용 카드 번호, 전화 번호 또는 이메일 주소와 같은 민감한 데이터에 대한 마스킹된 문자열을 생성하기 위해 이 함수를 사용하는 방법을 배우게 됩니다. 이 랩이 끝나면 JavaScript 프로젝트에서 mask 함수를 사용하는 방법에 대한 확실한 이해를 갖게 될 것입니다.

JavaScript 에서 값 마스킹하는 방법

JavaScript 에서 값을 마스킹하려면 mask() 함수를 사용할 수 있습니다. 다음 단계를 따르세요:

1. 터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작합니다.
2. String.prototype.slice()를 사용하여 마스킹되지 않은 채로 유지될 문자 부분을 가져옵니다.
3. String.prototype.padStart()를 사용하여 문자열의 시작 부분을 원래 길이까지 mask 문자로 채웁니다.
4. 문자열의 끝에서 문자를 제외하려면 num에 음수 값을 사용합니다.
5. num에 값을 지정하지 않으면 함수는 기본적으로 마지막 4 개의 문자를 마스킹하지 않은 상태로 유지합니다.
6. mask에 값을 지정하지 않으면 함수는 마스크에 '*' 문자를 기본적으로 사용합니다.

다음은 mask() 함수의 코드입니다:

const mask = (cc, num = 4, mask = "*") =>
  `${cc}`.slice(-num).padStart(`${cc}`.length, mask);

다음은 mask() 함수를 사용하는 몇 가지 예입니다:

mask(1234567890); // '******7890'
mask(1234567890, 3); // '*******890'
mask(1234567890, -4, "$"); // '$$$$567890'

요약

축하합니다! 값 마스킹 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 실력을 향상시킬 수 있습니다.