5일차 → 신규 아이디 추천(정규표현식, replace(), slice(), charAt(), repeat())

문제설명

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

• 아이디의 길이는 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 하세요

 

제한사항

- new_id는 길이 1 이상, 1,000 이하인 문자열입니다.

- new_id는 알파벳 대문자, 알파벳 소문자, 숫자, 특수문자로 구서 되어 있습니다.

- new_id에 나타낼 수 있는 특수문자는 -_.~!@#$%^&*()=+[{]}:?,<>/로 한정 됩니다.

 

문제 풀이

function solution(new_id) {
    
    var answer = '';
    let result = '';

    // # 1단계
    // new_id의 모든 대문자를 대응되는 소문자로 치환합니다.
    // -> toLowerCase()
    answer = new_id.toLowerCase()

    // # 2단계
    // new_id에서 알파벳 소문자, 숫자, 빼기, 밑줄, 마침표를 제외한 모든 문자를 제외합니다.
    answer = answer.replace(/[^\w-_.]/g, '')

    // # 3단계
    // new_id에서 마침표(.)가 2번 이상 연속된 부분을 하나의 마침표(.)로 치환합니다.
    answer = answer.replace(/\.{2,}/g, '.')

    // # 4단계
    // new_id에서 마침표(.)가 처음이나 끝에 위치한다면 제거합니다.
    answer = answer.replace(/^\.|\.$/g, '')

    // # 5단계
    // new_id가 빈 문자열이라면, new_id에 'a'를 대입합니다.
    answer = answer.replace(/^$/, 'a')

    // # 6단계
    // new_id의 길이가 16자 이상이면, new_id의 첫 15개의 문자를 제외한 나머지 문자들을 모두 제거합니다.
    answer = answer.slice(0, 15).replace(/\.$/, '');

    // # 7단계
    // new_id의 길이가 2자 이하아면, new_id의 마지막 문자를 new_id의 길이가 3이 될 때까지 반복해서 끝에 붙입니다.
    if(answer.length <= 2){
      answer = answer + answer.charAt(answer.length - 1).repeat(3-answer.length)
    }

    return answer;
}

정규식 표현을 어떻게 써야 할 지 몰라서 참고를 하다 보니 결국 다른 분이 쓴 코드랑 비슷해 졌다.

+ 7단계에서는 if문을 사용하여서 answer의 길이가 2 이하이면 answer의 마지막 글자를 뽑아와서(charAt 사용)

repeat()를 사용하여 3이 될 때까지 마지막 글자를 반복 하도록 하였다.

 

위 코드에서 변형 하면 이렇게 나온다.

function solution(new_id) {
    
    var answer = '';

    answer = new_id.toLowerCase()
                    .replace(/[^\w-_.]/g, '')
                    .replace(/\.{2,}/g, '.')
                    .replace(/^\.|\.$/g, '')
                    .replace(/^$/, 'a')
                    .slice(0, 15).replace(/\.$/, '');

    return answer.length<=2 ? answer+answer.charAt(answer.length-1).repeat(3-answer.length) : answer;
}

 

아래 사이트를 참고하여 코드를 재구현 해봤다.

https://velog.io/@leeeunbin/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%A8%B8%EC%8A%A4-%EC%8B%A0%EA%B7%9C-%EC%95%84%EC%9D%B4%EB%94%94-%EC%B6%94%EC%B2%9C-JavaScript

[프로그래머스] 신규 아이디 추천 - JavaScript

---

# charAt()

: 문자열에 지정된 위치에 존재하는 문자를 찾아서 반환하는 함수

(indexOf()는 해당 문자열의 index 값을 반환 하지만 charAt()은 index 값에 있는 문자열을 반환한다)

 

# replace("찾을 문자열", "변경할 문자열")

: 특정 문자를 다른 문자로 치환 할 때 사용한다.

: 자바스크립트에서 replace() 함수는 변경할 문자열을 직접 입력 하거나 정규 표현식을 사용 할 수 있다.

 

# 정규식 문법

https://cityattack.tistory.com/64

[javascript&jQuery] 정규식으로 특정문자 제거

---

https://programmers.co.kr/learn/courses/30/lessons/72410

코딩테스트 연습 - 신규 아이디 추천