[프로그래머스] 신규아이디 추천 - 자바스크립트

문제 설명

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

• 아이디의 길이는 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단계 변화 없습니다.

 

 

 

 

풀이

보자마자 정규 표현식을 사용해야 한다는 것을 알 수 있었다.

깔끔한 정리를 위해 step 별로 변수를 선언하여 정리하여 과정을 적어보았지만, 결과적으로는 지저분한 코드인 것 같다.

 

function solution(new_id) {
    var answer = '';
    
    let step1 = new_id.toLowerCase();
    let step2 = step1.replace(/[^\w-._]*/g,''); // [^문자] 는 괄호안의 문자 제외
    let step3 = step2.replace(/\.{2,}/g,'.');
    let step4 = step3.replace(/^\.|\.$/g,'');
    let step5 = step4.replace(/^$/g, 'a');
    let step6;
    
    if(step5.length > 15) {
        step6 = step5.slice(0,15).replace(/\.$/g,'');
    } else step6 = step5 
    
    let step7;
    
    if (step6.length < 3) {
        let addWord = step6.substr(-1)
        step7 = step6 += addWord.repeat(3 - step6.length)
    } else step7 = step6;
    
    answer = step7;
    
    return answer;
}

 

1. 1단계

let step1 = new_id.toLowerCase();

// 문자열의 대문자를 소문자로 바꿔주는 메서드이다.

 

2. 2단계

 let step2 = step1.replace(/[^\w-._]*/g,'');
 
 // String 메서드
 // String.replace(/정규표현식/, "대체문자열") 
 // 문자열에서 "정규표현식"에 매칭되는 항목을 "대체문자열"로 변환

 // 정규표현식 검색 패턴
 // 1) [^문자] 는 [] 안에 있는 문자를 제외한다는 의미이다. 
 
 // 정규표현식 매칭 패턴
 // 1) \w 는 밑줄 문자를 포함한 영숫자 문자에 대응하는 값으로 [A-Za-z0-9_] 와 동일하다.
 // 2) \w 뒤에 -._ 을 순서대로 넣었는데, 이스케이핑(\)이 앞에 붙어있어서 그런지, 
 //    해당 기호들도 표현식에서 잘 인식하고 제외한다.
 // 3) * 은 전부를 의미한다. [] 안에 있는 문자를 제외한 모든 것

// 정규식 플래그
// 1) g 는 문자열 내의 모든 패턴을 검색한다는 의미이다.

 

3. 3단계

let step3 = step2.replace(/\.{2,}/g,'.');

// 정규표현식 갯수(수량) 반복 패턴
// {Min, } 은 최소 Min 개 이상을 의미한다.

 

4. 4단계

let step4 = step3.replace(/^\.|\.$/g,'');

// 정규표현식 검색 패턴
// ^문자열 은 특정 문자열로 시작을 의미한다.
// 문자열$ 은 특정 문자열로 끝남을 의미한다.

 

5. 5단계

let step5 = step4.replace(/^$/g, 'a');

// 정규 표현식 검색 패턴
// ^$ 은 빈 문자열을 의미한다. 
// 시작과 끝남 사이에 들어가있는 문자열이 없기 때문이다.

 

6. 6단계

if(step5.length > 15) {
        step6 = step5.slice(0,15).replace(/\.$/g,'');
    } else step6 = step5 
    

// 앞 단계들에서 사용했던 패턴 그대로 사용.

 

7. 7단계

let step7;
    
    if (step6.length < 3) {
        let addWord = step6.charAt(step6.length-1)
        step7 = step6 + addWord.repeat(3 - step6.length)
    } else step7 = step6;
    
    
// string.chatAt()
// charAt() 함수는 문자열에서 특정 인덱스에 위치하는  유니코드 단일문자를 반환합니다.

 

 

다른 풀이

변수 선언 없이, 코드 라인 정리만으로도 가독성 좋은 코드가 구현된다.

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])
}