[2021 KAKAO BLIND RECRUITMENT]신규 아이디 추천_정규 표현식에 대해

문제

카카오에 입사한 신입 개발자 네오는 "카카오계정개발팀"에 배치되어, 카카오 서비스에 가입하는 유저들의 아이디를 생성하는 업무를 담당하게 되었습니다. "네오"에게 주어진 첫 업무는 새로 가입하는 유저들이 카카오 아이디 규칙에 맞지 않는 아이디를 입력했을 때, 입력된 아이디와 유사하면서 규칙에 맞는 아이디를 추천해주는 프로그램을 개발하는 것입니다.
다음은 카카오 아이디의 규칙입니다.

• 아이디의 길이는 3자 이상 15자 이하여야 합니다.
• 아이디는 알파벳 소문자, 숫자, 빼기(-), 밑줄(_), 마침표(.) 문자만 사용할 수 있습니다.
• 단, 마침표(.)는 처음과 끝에 사용할 수 없으며 또한 연속으로 사용할 수 없습니다.

"네오"는 다음과 같이 7단계의 순차적인 처리 과정을 통해 신규 유저가 입력한 아이디가 카카오 아이디 규칙에 맞는 지 검사하고 규칙에 맞지 않은 경우 규칙에 맞는 새로운 아이디를 추천해 주려고 합니다.
신규 유저가 입력한 아이디가 new_id 라고 한다면,

1단계 new_id의 모든 대문자를 대응되는 소문자로 치환합니다. 2단계 new_id에서 알파벳 소문자, 숫자, 빼기(-), 밑줄(_), 마침표(.)를 제외한 모든 문자를 제거합니다. 3단계 new_id에서 마침표(.)가 2번 이상 연속된 부분을 하나의 마침표(.)로 치환합니다. 4단계 new_id에서 마침표(.)가 처음이나 끝에 위치한다면 제거합니다. 5단계 new_id가 빈 문자열이라면, new_id에 "a"를 대입합니다. 6단계 new_id의 길이가 16자 이상이면, new_id의 첫 15개의 문자를 제외한 나머지 문자들을 모두 제거합니다. 만약 제거 후 마침표(.)가 new_id의 끝에 위치한다면 끝에 위치한 마침표(.) 문자를 제거합니다. 7단계 new_id의 길이가 2자 이하라면, new_id의 마지막 문자를 new_id의 길이가 3이 될 때까지 반복해서 끝에 붙입니다.

---

예를 들어, new_id 값이 "...!@BaT#*..y.abcdefghijklm" 라면, 위 7단계를 거치고 나면 new_id는 아래와 같이 변경됩니다.

1단계 대문자 'B'와 'T'가 소문자 'b'와 't'로 바뀌었습니다.
"...!@BaT#*..y.abcdefghijklm" → "...!@bat#*..y.abcdefghijklm"

2단계 '!', '@', '#', '*' 문자가 제거되었습니다.
"...!@bat#*..y.abcdefghijklm" → "...bat..y.abcdefghijklm"

3단계 '...'와 '..' 가 '.'로 바뀌었습니다.
"...bat..y.abcdefghijklm" → ".bat.y.abcdefghijklm"

4단계 아이디의 처음에 위치한 '.'가 제거되었습니다.
".bat.y.abcdefghijklm" → "bat.y.abcdefghijklm"

5단계 아이디가 빈 문자열이 아니므로 변화가 없습니다.
"bat.y.abcdefghijklm" → "bat.y.abcdefghijklm"

6단계 아이디의 길이가 16자 이상이므로, 처음 15자를 제외한 나머지 문자들이 제거되었습니다.
"bat.y.abcdefghijklm" → "bat.y.abcdefghi"

7단계 아이디의 길이가 2자 이하가 아니므로 변화가 없습니다.
"bat.y.abcdefghi" → "bat.y.abcdefghi"

따라서 신규 유저가 입력한 new_id가 "...!@BaT#*..y.abcdefghijklm"일 때, 네오의 프로그램이 추천하는 새로운 아이디는 "bat.y.abcdefghi" 입니다.

---

[문제]

신규 유저가 입력한 아이디를 나타내는 new_id가 매개변수로 주어질 때, "네오"가 설계한 7단계의 처리 과정을 거친 후의 추천 아이디를 return 하도록 solution 함수를 완성해 주세요.

[제한사항]

new_id는 길이 1 이상 1,000 이하인 문자열입니다.
new_id는 알파벳 대문자, 알파벳 소문자, 숫자, 특수문자로 구성되어 있습니다.
new_id에 나타날 수 있는 특수문자는 -_.~!@#$%^&*()=+[{]}:?,<>/ 로 한정됩니다.

---

[입출력 예]

nonew_idresult

예1	"...!@BaT#*..y.abcdefghijklm"	"bat.y.abcdefghi"
예2	"z-+.^."	"z--"
예3	"=.="	"aaa"
예4	"123_.def"	"123_.def"
예5	"abcdefghijklmn.p"	"abcdefghijklmn"

입출력 예에 대한 설명

---

입출력 예 #1
문제의 예시와 같습니다.

입출력 예 #2
7단계를 거치는 동안 new_id가 변화하는 과정은 아래와 같습니다.

1단계 변화 없습니다.
2단계 "z-+.^." → "z-.."
3단계 "z-.." → "z-."
4단계 "z-." → "z-"
5단계 변화 없습니다.
6단계 변화 없습니다.
7단계 "z-" → "z--"

입출력 예 #3
7단계를 거치는 동안 new_id가 변화하는 과정은 아래와 같습니다.

1단계 변화 없습니다.
2단계 "=.=" → "."
3단계 변화 없습니다.
4단계 "." → "" (new_id가 빈 문자열이 되었습니다.)
5단계 "" → "a"
6단계 변화 없습니다.
7단계 "a" → "aaa"

입출력 예 #4
1단계에서 7단계까지 거치는 동안 new_id("123_.def")는 변하지 않습니다. 즉, new_id가 처음부터 카카오의 아이디 규칙에 맞습니다.

입출력 예 #5
1단계 변화 없습니다.
2단계 변화 없습니다.
3단계 변화 없습니다.
4단계 변화 없습니다.
5단계 변화 없습니다.
6단계 "abcdefghijklmn.p" → "abcdefghijklmn." → "abcdefghijklmn"
7단계 변화 없습니다.

 

문제풀이

 

• 각 단계의 조건을 만족시키는 String 메서드들과 정규 표현식 작성하는 것이 해당 문제에서 중요
• 메서드 체이닝을 활용하여 코드를 좀 더 명확하게 작성하도록 하였음

---

정규 표현식(regular expression)

• 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어(formal language)
• 정규 표현식은 자바스크립트의 고유 문법이 아니며, 대부분의 프로그래밍 언어와 코드 에디터에 내장
• 패턴 매칭 기능: 특정 패턴과 일치하는 문자열을 검색 및 추출 또는 치환할 수 있는 기능

정규 표현식 리터럴

플래그

• 플래그는 옵션이므로 선택적으로 사용 가능
• 순서와 상관없이 하나 이상의 플래그를 동시에 설정 가능

플래그	의미	설명
i	Ignore case	대소문자를 구별하지 않고 패턴 검색
g	Global	패턴과 일치하는 모든 문자열을 전역 검색
m	Multi line	문자열의 행이 바뀌어도 패턴 검색 진행

 

패턴

• 문자열의 일정한 규칙을 표현하기 위해 사용
• 패턴은 /로 열고 닫으며 문자열의 따옴표는 생략(따옴표까지도 패턴에 포함되어 검색됨)
• 특별한 의미를 가지는 메타문자(meta character) 또는 기호로 표현 가능

패턴	의미	설명
.	임의의 문자열 검색	. 은 임의의 문자 한 개를 의미하며 문자의 내용은 무엇이든 상관 없음
{m, n}	반복 검색	최소 m번, 최대 n번 반복되는 문자열을 의미하며 콤마 뒤에 공백 시 오류 발생
{n,}	반복 검색	최소 n번 이상 반복되는 문자열을 의미
+ === {1,}	반복 검색	최소 한번 이상 반복되는 문자열을 의미
|	OR 검색	or의 의미를 지님
[]	or로 동작	/A+|B+/g === /[AB]+/g
-	범위 지정	/[A-Z]+/g
\d	범위 지정	\d는 숫자를 의미하며 [0-9]와 같음
\D	범위 지정	\d와 반대로 동작하며  숫자 아닌 문자를 의미
\w	범위 지정	알파벳, 숫자, 언더스코어를 의미하고 [A-Za-z0-9_]와 동일
\W	범위 지정	\w와 반대로 동작하며 알파벳, 숫자, 언더스코어가 아닌 문자를 의미
/	검색	다음에 오는 문자를 특수 문자, 리터럴, 역참조 또는 8진수 이스케이프로 표시
?	범위 지정	앞의 문자나 부분식을 0개나 1개 탐색
^	부정_[...] 안에서	not의 의미를 지님
^	시작 위치로 검색_[...] 밖에서	문자열의 시작을 의미
$	마지막 위치로 검색	문자열의 마지막을 의미

 

코드

function solution(new_id) {
    var answer = '';
    
    answer = new_id.toLowerCase() 
        .replace(/[^a-z0-9-_.]/gi, '') 
        .replace(/[.]{2}/g, '.')
        .replace(/^\.|\.$/g, '')

        
    if(answer.length === '') answer = "a";
    if(answer.length > 15) answer = answer.substring(0, 15).replace(/[.]$/g, '');

    while(answer.length < 3) {
        answer+=answer[answer.length - 1];
    }
    return answer;
}

 

다른 사람 풀이

function solution(new_id) {
    const answer = new_id
        .toLowerCase() // 1
        .replace(/[^\w-_.]/g, '') // 2
        .replace(/\.+/g, '.') // 3
        .replace(/^\.|\.$/g, '') // 4
        .replace(/^$/, 'a') // 5
        .slice(0, 15).replace(/\.$/, ''); // 6
    const len = answer.length;
    return len > 2 ? answer : answer + answer.charAt(len - 1).repeat(3 - len);

문자열이 15를 넘어서게 되면 그 이후의 문자들을 제거하는 6단계에서 substring 메서드를 사용하였지만 이 분은 이 또한 정규 표현식 패턴 .을 사용하여 범위를 넘어서는 임의의 문자들을 모두 공백으로 처리하였다.

 

또한 문자열이 2이하일 경우에 String.prototype.charAt()을 사용하여 마지막 인덱스의 문자열을 가져온 뒤 3이 될때까지 필요한 횟수를 인자로 넘겨 이 횟수만큼 반복하는 String.prototype.repeat()을 사용하여 뒤에 문자를 추가하였다.

 

charAt() 함수는 문자열에서 특정 인덱스에 위치하는  유니코드 단일문자를 반환합니다. 

repeat() 메서드는 문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열을 반환합니다.

---

const solution = (new_id) => {
    const id = new_id
        .toLowerCase()
        .replace(/[^\w\d-_.]/g, '')
        .replace(/\.{2,}/g, '.')
        .replace(/^\.|\.$/g, '')
        .padEnd(1, 'a')
        .slice(0, 15)
        .replace(/^\.|\.$/g, '')        
    return id.padEnd(3, id[id.length-1])
}

이 분은 한번도 본적도 없던 padEnd() 라는 메서드를 사용하여 해당 문제를 풀이하였는데 찾아보니 이후에 유용하게 쓰일 수 있을 것 같아 같이 포스팅 해둔다.

padEnd()메서드는 현재 문자열에 다른 문자열을 채워, 주어진 길이를 만족하는 새로운 문자열을 반환합니다. 채워넣기는 대상 문자열의 끝(우측)부터 적용됩니다.

 

관련 문제

https://choi95.tistory.com/42?category=854389 

유효한 팰린드롬

 

https://choi95.tistory.com/31?category=854389 

중복단어제거

 

https://choi95.tistory.com/26?category=854389 

대소문자 변환