프로그래머스 - 오픈채팅방 (Javascript)

문제 설명

카카오톡 오픈채팅방에서는 친구가 아닌 사람들과 대화를 할 수 있는데, 본래 닉네임이 아닌 가상의 닉네임을 사용하여 채팅방에 들어갈 수 있다.

신입사원인 김크루는 카카오톡 오픈 채팅방을 개설한 사람을 위해, 다양한 사람들이 들어오고, 나가는 것을 지켜볼 수 있는 관리자창을 만들기로 했다. 채팅방에 누군가 들어오면 다음 메시지가 출력된다.

“[닉네임]님이 들어왔습니다.”

채팅방에서 누군가 나가면 다음 메시지가 출력된다.

“[닉네임]님이 나갔습니다.”

채팅방에서 닉네임을 변경하는 방법은 다음과 같이 두 가지이다.

  • 채팅방을 나간 후, 새로운 닉네임으로 다시 들어간다.
  • 채팅방에서 닉네임을 변경한다.

닉네임을 변경할 때는 기존에 채팅방에 출력되어 있던 메시지의 닉네임도 전부 변경된다.

예를 들어, 채팅방에 “Muzi”와 “Prodo”라는 닉네임을 사용하는 사람이 순서대로 들어오면 채팅방에는 다음과 같이 메시지가 출력된다.

“Muzi님이 들어왔습니다.””Prodo님이 들어왔습니다.”

채팅방에 있던 사람이 나가면 채팅방에는 다음과 같이 메시지가 남는다.

“Muzi님이 들어왔습니다.””Prodo님이 들어왔습니다.””Muzi님이 나갔습니다.”

Muzi가 나간후 다시 들어올 때, Prodo 라는 닉네임으로 들어올 경우 기존에 채팅방에 남아있던 Muzi도 Prodo로 다음과 같이 변경된다.

“Prodo님이 들어왔습니다.””Prodo님이 들어왔습니다.””Prodo님이 나갔습니다.””Prodo님이 들어왔습니다.”

채팅방은 중복 닉네임을 허용하기 때문에, 현재 채팅방에는 Prodo라는 닉네임을 사용하는 사람이 두 명이 있다. 이제, 채팅방에 두 번째로 들어왔던 Prodo가 Ryan으로 닉네임을 변경하면 채팅방 메시지는 다음과 같이 변경된다.

“Prodo님이 들어왔습니다.””Ryan님이 들어왔습니다.””Prodo님이 나갔습니다.””Prodo님이 들어왔습니다.”

채팅방에 들어오고 나가거나, 닉네임을 변경한 기록이 담긴 문자열 배열 record가 매개변수로 주어질 때, 모든 기록이 처리된 후, 최종적으로 방을 개설한 사람이 보게 되는 메시지를 문자열 배열 형태로 return 하도록 solution 함수를 완성하라.

제한사항

  • record는 다음과 같은 문자열이 담긴 배열이며, 길이는 1 이상 100,000 이하이다.
  • 다음은 record에 담긴 문자열에 대한 설명이다.
    • 모든 유저는 [유저 아이디]로 구분한다.
    • [유저 아이디] 사용자가 [닉네임]으로 채팅방에 입장 - “Enter [유저 아이디] [닉네임]” (ex. “Enter uid1234 Muzi”)
    • [유저 아이디] 사용자가 채팅방에서 퇴장 - “Leave [유저 아이디]” (ex. “Leave uid1234”)
    • [유저 아이디] 사용자가 닉네임을 [닉네임]으로 변경 - “Change [유저 아이디] [닉네임]” (ex. “Change uid1234 Muzi”)
    • 첫 단어는 Enter, Leave, Change 중 하나이다.
    • 각 단어는 공백으로 구분되어 있으며, 알파벳 대문자, 소문자, 숫자로만 이루어져있다.
    • 유저 아이디와 닉네임은 알파벳 대문자, 소문자를 구별한다.
    • 유저 아이디와 닉네임의 길이는 1 이상 10 이하이다.
    • 채팅방에서 나간 유저가 닉네임을 변경하는 등 잘못 된 입력은 주어지지 않는다.

입출력 예

record result
[“Enter uid1234 Muzi”, “Enter uid4567 Prodo”,”Leave uid1234”,”Enter uid1234 Prodo”,”Change uid4567 Ryan”] [“Prodo님이 들어왔습니다.”, “Ryan님이 들어왔습니다.”, “Prodo님이 나갔습니다.”, “Prodo님이 들어왔습니다.”]

입출력 예 설명

입출력 예 #1문제의 설명과 같다.


소스코드

Level2라고 하기엔 너무 쉽게 풀 수 있는 문제였다.
해시맵을 통해 uid와 닉네임을 관리해주면 된다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function solution(records) {
const answer = [];
const recordObj = {};
const recordLength = records.length;

records = records.map((arr) => arr.split(' '));

for (let i = 0; i < recordLength; i++) {
const [action, uid, uname] = records[i];
if (uname) recordObj[uid] = uname;
}

records.forEach((record) => {
const [action, uid, uname] = record;
if (action === 'Enter') {
answer.push(`${recordObj[uid]}님이 들어왔습니다.`);
} else if (action === 'Leave') {
answer.push(`${recordObj[uid]}님이 나갔습니다.`);
}
});

return answer;
}

풀이 설명

이번 풀이는 굳이 그림까지 그리지 않아도 될 것 같다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function solution(records) {
const answer = [];
const recordObj = {};
const recordLength = records.length;

records = records.map((arr) => arr.split(' ')); // 편의를 위해 문자열을 잘라줬음

// 가장 핵심적인 부분은 이 부분이다!
for (let i = 0; i < recordLength; i++) {
// 이처럼 분해를 해줘서 가독성을 높여주고
const [action, uid, uname] = records[i];
// uid는 중복이 허용되지 않기 때문에, recordObj에 uid를 키로, uname을 값으로 담아준다.
// Leave에는 uname이 생략되기 때문에 uname이 존재할 때만 객체를 갱신해준다. (입장 or 변경)
if (uname) recordObj[uid] = uname;
}

/* 이하 생략 */
}

위의 과정을 통해 닉네임(uname)을 잘 업데이트 해줬다면 그 뒤는 누워서 떡 먹기다.

1
2
3
4
5
6
7
8
9
records.forEach((record) => {
const [action, uid, uname] = record;
// 메시지가 기록되는 action은 "Enter"와 "Leave" 뿐이다.
if (action === 'Enter') {
answer.push(`${recordObj[uid]}님이 들어왔습니다.`); // 각 메시지들을 answer에 push()
} else if (action === 'Leave') {
answer.push(`${recordObj[uid]}님이 나갔습니다.`);
}
});

프로그래머스 - 오픈채팅방 (Javascript)

https://hoonjoo-park.github.io/algorithm/programmers/openChat/

Author

Hoonjoo

Posted on

2022-05-18

Updated on

2022-05-18

Licensed under

Comments