728x90
서류평가를 할 때, 운영진이 아는 지원자는 평가에서 제외를 하자는 생각을 가지고 있었다.
하지만, 운영진중에서도 지원자를 많이 아는 사람, 적게 아는 사람이 있어 이름을 가려 블라인드로 평가를 진행하기로 했다.
그래서, 지원서 리스트 페이지를 담당하던 내가 이름가리고, 보이는 버튼을 추가하여야했다.
props로 이름을 받아와서, 이름을 가리고 받는 방법은 선택하였다.
처음, 이름을 가릴 때 나는 기본 이름 3자인 사람들만 생각하여 조건문으로 한글자만보이고, 두글자는 *처리를 하였다.
하지만 이것은 문제점이 있었다. 만약 외자인 사람, 네글자 이상인 사람들이 지원을 하면 이름 수에 상관없이 3글자로 보이는 것이었다.
이름을 예측할 수 없어서 좋은 방법일 수 있겠지만, 이건 좋은 코드가 아니라고 생각했다.
그래서, 이름 첫글자를 제외한 모든 이름을 *처리 하는 방법을 찾았다.
이름 정규식 표현을 알아보자!
var name = "NAME";
name = name.replace(/(?<=.{1})./gi, "*");
결과 값 : N***
./뒤에 gi를 넣지 않으면 출력값이 N*ME 이런식으로 도출된다.
즉, 1글자를 제외한 다음 문자에 *처리를 한단 소리이다!
정규식 안에 있는 숫자를 바꾸면 원하는 만큼의 글자를 볼 수 있다.
예를 들어 2를 넣는다면 NA** 이런식으로 출력이 되고, 뒤의 *은 다른 문자열로 변경이 가능하다.
728x90