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

문제 설명

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

다음은 카카오 아이디의 규칙입니다.

• 아이디의 길이는 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가 매개변수로 주어질 때, "네오"가 설계한 7단계의 처리 과정을 거친 후의 추천 아이디를 return 하도록 solution 함수를 완성해 주세요.

제한사항

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

입출력 예

풀이

function solution(new_id) {
  new_id = new_id.toLowerCase(); // 1단계
  new_id = new_id.replace(/[^a-z|0-9|\-|_|.|]/g, ""); // 2단계
  new_id = new_id.replace(/\.+/g, "."); // 3단계
  if (new_id[0] == ".") { //4단계
    new_id = new_id.slice(1, new_id.length);
  }

  if (new_id[new_id.length - 1] == ".") {
    new_id = new_id.slice(0, -1);
  }

  new_id = new_id == "" ? "a" : new_id; // 5단계

  new_id = new_id.length >= 16 ? new_id.slice(0, 15) : new_id; //6단계

  if (new_id[new_id.length - 1] == ".") {
    new_id = new_id.slice(0, -1);
  }
  if (new_id.length <= 2) { //7단계
    while (new_id.length < 3) {
      new_id += new_id[new_id.length - 1];
    }
  }

  return new_id;
}

정규표현식을 위한 문제였다.
매번 정규표현식이 필요할 때마다 구글링을 하면서 맞춰서 사용했던 것 같은데 이번에는 그 내용을 조금 더 이해할 수 있었다.
단계 별로 구분이 되어있기 때문에 코드를 짜기에는 훨씬 수월했던 것 같다.

코드 리뷰

제출한 후에 다른 사람들이 작성한 코드를 보고 더 깔끔하고 직관적으로 사용할 수 있도록 바꿔보았다.

4단계

new_id에서 마침표(.)가 처음이나 끝에 위치한다면 제거합니다.

기존 코드

if (new_id[0] == ".") {
    new_id = new_id.slice(1, new_id.length);
  }

  if (new_id[new_id.length - 1] == ".") {
    new_id = new_id.slice(0, -1);
  }

변경 코드

new_id = new_id.replace(/^\.|\.$/g, '')

시작 문자(^)가 점(.) 이거나(|) 마지막 문자($)가 점(.)일 때 해당 문자를 빈 문자열로 '' replace한다.

5단계

new_id가 빈 문자열이라면, new_id에 "a"를 대입합니다.

기존 코드

new_id = new_id == "" ? "a" : new_id;

변경 코드

new_id = new_id.replace(/^$/, "a");

4단계에서 응용한 느낌이다. 첫문자와 끝문자 사이에 아무것도 없다는 것을 나타낼 수 있다.

6단계

new_id의 길이가 16자 이상이면, new_id의 첫 15개의 문자를 제외한 나머지 문자들을 모두 제거합니다. 만약 제거 후 마침표(.)가 new_id의 끝에 위치한다면 끝에 위치한 마침표(.) 문자를 제거합니다.

기존 코드

new_id = new_id.length >= 16 ? new_id.slice(0, 15) : new_id;

if (new_id[new_id.length - 1] == ".") {
    new_id = new_id.slice(0, -1);
  }

변경 코드

new_id = new_id.length >= 16 ? new_id.slice(0, 15) : new_id;

new_id = new_id.replace(/\.$/, "");

마지막 문자가 점(.)일 때 해당 문자를 제거하는 내용만 변경되었다.

7단계

new_id의 길이가 2자 이하라면, new_id의 마지막 문자를 new_id의 길이가 3이 될 때까지 반복해서 끝에 붙입니다.

기존 코드

if (new_id.length <= 2) {
    while (new_id.length < 3) {
      new_id += new_id[new_id.length - 1];
    }
  }

변경 코드

new_id = new_id.padEnd(3, new_id[new_id.length - 1])

padEnd() 메서드는 현재 문자열에 다른 문자열을 채워, 주어진 길이를 만족하는 새로운 문자열을 반환합니다. 채워넣기는 대상 문자열의 끝(우측)부터 적용됩니다.
위의 코드에서는 padEnd() 메서드를 통해 주어진 길이(3)을 만족할 때 까지 문자를 채워넣는다.
해당 문자는 new_id[new_id.length - 1]