Boongranii

최고의 열정을 뽐내는 쿼카 🐶

4 분 소요

마흔 일곱 번째 포스팅

안녕하세요! 마흔 일곱 번째 포스팅으로 찾아뵙게 되어 반갑습니다!♥

오늘의 포스팅 내용은 프로그래머스 - 신규 아이디 추천에 관한 내용입니다.
자세한 내용을 알아보러 갑시다❗️

[Boongranii] Here We Go 🔥

1️⃣ 문제

[프로그래머스] 신규 아이디 추천 (문제 링크)

💨 문제 설명

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

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

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

1
2
3
4
5
6
7

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

💨 입출력 예

no new_id result
예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단계 변화 없습니다.

2️⃣ 문제 풀이

🔥 나의 문제 풀이

  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이 될 때까지 반복해서 끝에 붙임.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

function solution(new_id) {
  let confirm =
    // 1단계) 소문자로 치환
    new_id
      .toLowerCase()
      // 2단계) \w: 영어알파벳, 숫자, 언더스코어 | \-: - | \.: . | [^str]: str을 제외함.
      .replace(/[^\w\-\.]/g, "")
      // 3단계) 마침표(.)가 최소 2번 연속된 부분을 하나로 치환
      .replace(/\.{2,}/g, ".")
      // 4단계) 마침표가 처음이나 끝에 위치한다면 제거
      .replace(/^\.|\.$/g, "");

  // 5단계) 빈 문자열이라면, 'a' 대입
  if (confirm.length === 0) {
    confirm = "a";
  }
  // 6단계) 문자열의 길이가 16자 이상이라면
  if (confirm.length >= 16) {
    confirm = confirm.slice(0, 15).replace(/\.$/g, "");
  }
  // 7단계) 문자열의 길이가 2자 이하라면
  if (confirm.length <= 2) {
    while (confirm.length < 3) {
      confirm += confirm[confirm.length - 1];
    }
  }
  return confirm;
}

진짜 그냥 정규표현식의 끝판왕인 문제이다. 너 정규 표현식 아니? 의 표본같은 문제랄까..

[JavaScript-정규 표현식의 이해] 정규표현식이 생각이 안날 때는 이것을 본다 ㅎㅎ 내가 쓴 ㅎㅎ ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ

이 문제는 정규표현식만 알면 정말 간단한 문제라고 할 수 있다. 왜냐하면 어떻게 푸는 지 단계별로 싹 보여주기 때문이다. 주어진 7단계에 따라 잘 따라가기만 하면 문제가 풀려 있다.

뭐 더 설명할 것 없이 정규표현식만 보고 해결할 줄 알면 풀 수 있는 문제였다.

🔥 다른 사람의 문제 풀이

1
2
3
4
5
6
7
8
9
10
11
12

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

이렇게 정규식과 체이닝을 통해서 문제를 해결할 수도 있다. 정말 대단하다.. 특히 5단계에서 /^$/ 이것이 굉장히 인상 깊었다. 그냥 빈 문자열을 나타낸다. 또한 repeat()를 통해서도 간결하게 나타낼 수 있었다..

또한, 다른 여러 풀이들도 있었는데 각자의 개성이 존재했고 멋있고 간결한 똑똑한 코드들이 많이 보였다.

3️⃣ 느낀점

그 커리어리에서 봤던 자바스크립트 정규표현식에 관한 게시글(성능 관련)이 있어서 그 내용을 같이 넣으려고 했는데 어디로 갔는 지 모르겠다. 왜 안보이지 ㅠㅠ

그 좋은 글을 보신 분이 계시다면 댓글로 링크 달아주시면 감사하겠습니다.ㅋ

정규표현식을 연습하게 되는 좋은 문제였다. 아좌좌좌좌!!!!💕

댓글남기기

참고