문제

카카오TV에서 유명한 크리에이터로 활동 중인 죠르디는 환경 단체로부터 자신의 가장 인기있는 동영상에 지구온난화의 심각성을 알리기 위한 공익광고를 넣어 달라는 요청을 받았습니다. 평소에 환경 문제에 관심을 가지고 있던 "죠르디"는 요청을 받아들였고 광고효과를 높이기 위해 시청자들이 가장 많이 보는 구간에 공익광고를 넣으려고 합니다. "죠르디"는 시청자들이 해당 동영상의 어떤 구간을 재생했는 지 알 수 있는 재생구간 기록을 구했고, 해당 기록을 바탕으로 공익광고가 삽입될 최적의 위치를 고를 수 있었습니다.
참고로 광고는 재생 중인 동영상의 오른쪽 아래에서 원래 영상과 동시에 재생되는 PIP(Picture in Picture) 형태로 제공됩니다.

다음은 "죠르디"가 공익광고가 삽입될 최적의 위치를 고르는 과정을 그림으로 설명한 것입니다.

• 그림의 파란색 선은 광고를 검토 중인 "죠르디" 동영상의 전체 재생 구간을 나타냅니다.
  • 위 그림에서, "죠르디" 동영상의 총 재생시간은 02시간 03분 55초 입니다.
• 그림의 검은색 선들은 각 시청자들이 "죠르디"의 동영상을 재생한 구간의 위치를 표시하고 있습니다.
  • 검은색 선의 가운데 숫자는 각 재생 기록을 구분하는 ID를 나타냅니다.
  • 검은색 선에 표기된 왼쪽 끝 숫자와 오른쪽 끝 숫자는 시청자들이 재생한 동영상 구간의 시작 시각과 종료 시각을 나타냅니다.
  • 위 그림에서, 3번 재생 기록은 00시 25분 50초 부터 00시 48분 29초 까지 총 00시간 22분 39초 동안 죠르디의 동영상을 재생했습니다. 1
  • 위 그림에서, 1번 재생 기록은 01시 20분 15초 부터 01시 45분 14초 까지 총 00시간 24분 59초 동안 죠르디의 동영상을 재생했습니다.
• 그림의 빨간색 선은 "죠르디"가 선택한 최적의 공익광고 위치를 나타냅니다.
  • 만약 공익광고의 재생시간이 00시간 14분 15초라면, 위의 그림처럼 01시 30분 59초 부터 01시 45분 14초 까지 공익광고를 삽입하는 것이 가장 좋습니다. 이 구간을 시청한 시청자들의 누적 재생시간이 가장 크기 때문입니다.
  • 01시 30분 59초 부터 01시 45분 14초 까지의 누적 재생시간은 다음과 같이 계산됩니다.
    • 01시 30분 59초 부터 01시 37분 44초 까지 : 4번, 1번 재생 기록이 두차례 있으므로 재생시간의 합은 00시간 06분 45초 X 2 = 00시간 13분 30초
    • 01시 37분 44초 부터 01시 45분 14초 까지 : 4번, 1번, 5번 재생 기록이 세차례 있으므로 재생시간의 합은 00시간 07분 30초 X 3 = 00시간 22분 30초
    • 따라서, 이 구간 시청자들의 누적 재생시간은 00시간 13분 30초 + 00시간 22분 30초 = 00시간 36분 00초입니다.

"죠르디"의 동영상 재생시간 길이 play_time, 공익광고의 재생시간 길이 adv_time, 시청자들이 해당 동영상을 재생했던 구간 정보 logs가 매개변수로 주어질 때, 시청자들의 누적 재생시간이 가장 많이 나오는 곳에 공익광고를 삽입하려고 합니다. 이때, 공익광고가 들어갈 시작 시각을 구해서 return 하도록 solution 함수를 완성해주세요. 만약, 시청자들의 누적 재생시간이 가장 많은 곳이 여러 곳이라면, 그 중에서 가장 빠른 시작 시각을 return 하도록 합니다.

제한 사항

• play_time, adv_time은 길이 8로 고정된 문자열입니다.
  • play_time, adv_time은 HH:MM:SS 형식이며, 00:00:01 이상 99:59:59 이하입니다.
  • 즉, 동영상 재생시간과 공익광고 재생시간은 00시간 00분 01초 이상 99시간 59분 59초 이하입니다.
    공익광고 재생시간은 동영상 재생시간보다 짧거나 같게 주어집니다.
• logs는 크기가 1 이상 300,000 이하인 문자열 배열입니다.
  • logs 배열의 각 원소는 시청자의 재생 구간을 나타냅니다.
  • logs 배열의 각 원소는 길이가 17로 고정된 문자열입니다.
  • logs 배열의 각 원소는 H1:M1:S1-H2:M2:S2 형식입니다.
    • H1:M1:S1은 동영상이 시작된 시각, H2:M2:S2는 동영상이 종료된 시각을 나타냅니다.
    • H1:M1:S1는 H2:M2:S2보다 1초 이상 이전 시각으로 주어집니다.
    • H1:M1:S1와 H2:M2:S2는 play_time 이내의 시각입니다.
• 시간을 나타내는 HH, H1, H2의 범위는 00~99, 분을 나타내는 MM, M1, M2의 범위는 00~59, 초를 나타내는 SS, S1, S2의 범위는 00~59까지 사용됩니다. 잘못된 시각은 입력으로 주어지지 않습니다. (예: 04:60:24, 11:12:78, 123:12:45 등)
• return 값의 형식
  • 공익광고를 삽입할 시각을 HH:MM:SS 형식의 8자리 문자열로 반환합니다.

풀이

아이디어

• 시간의 단위를 가장 작은 단위로 맞춘다. (여기 문제에서는 '초' 단위로 모두 맞춤)
  • 그러기 위해서 HH:MM:SS의 형식을 초로 바꾸는 함수와, 초를 HH:MM:SS의 형식으로 바꾸는 함수를 작성해준다.
  • play_time과 adv_time도 모두 '초'로 바꿔서 따로 저장한다.
• play_time + 1만큼의 배열(playbar)을 만들어주고, Array.prototype.fill()을 이용하여 모두 0으로 초기화한다. (+1만큼의 사이즈로 만들어주는 이유는 배열의 인덱스가 0부터 시작하기 때문에 나중에 꼬이기 싫어서)
  • logs를 순회하면서 각 로그를 Array.prototype.split()을 활용해 [시작시간, 종료시간]으로 분해하여 할당하고, 시작시간과 종료시간 역시 모두 초로 바꿔준다.
  • play_time의 각 초마다 몇 명의 시청자가 시청중인지를 기록하기 위해 play_time[시작시간]을 1 증가시키고, play_time[종료시간]을 1 감소시킨다.
  • 위 과정을 거치고 나면 playbar에는 각 초마다 몇 명의 시청자가 영상을 시청중인지 알 수 있는 정보를 담고 있게 된다.
• playbar에 담겨있는 정보를 이용하여 playbar의 각 초마다 모든 시청자들의 '누적 영상 재생시간'을 기록한다. 예를 들어, 1초부터 4초까지 한 명만 영상을 보고있었다면 4초까지의 '누적 영상 재생시간'은 4초, 5초부터 7초까지 두 명이 보고 있었다면 각각 누적 영상 재생시간은 6초, 8초, 10초인 것이다.
  (누적 영상 재생시간 == 영상이 재생되었던 총 시간으로 받아들이면 이해가 더 빠를 듯 싶다.)
• 이 문제에서 찾는 건 '누적 영상 재생시간'이 가장 긴 구간이다. 광고영상의 시간은 정해져 있으므로, 다음과 같은 과정을 수행한다.
  • 최대누적시간을 playbar[adv_time_sec] - playbar[1]로 초기화한다.
  • i=adv_time_sec + 1부터 play_time_sec까지 돌면서, 각 구간의 누적 재생 시간을 구한다. 해당 구간의 누적 재생시간이 최대누적시간보다 크다면, 최대누적시간을 업데이트해주고, 해당 구간의 시작 지점으로 answer를 업데이트해준다.
• 마지막으로 answer를 다시 HH:MM:SS 형식으로 바꿔서 리턴해주면 된다.

코드

// HH:MM:SS 시각을 초로 변환해주는 함수
function toSecond(timeString) {
    let totalSec = 0;
    const [hour, min, sec] = timeString.split(":");
    
    totalSec += (~~hour) * 3600;
    totalSec += (~~min) * 60;
    totalSec += (~~sec);
    
    return totalSec;
}

// 초를 받아서 HH:MM:SS로 변환해주는 함수
function toTimeString(sec) {
    let leftTime = sec;
    
    let hour = Math.floor(sec / 3600);
    leftTime -= hour * 3600;
    
    let minute = Math.floor(leftTime / 60);
    leftTime -= minute * 60;
    
    let second = leftTime;
    
    if(hour < 10) hour = "0" + hour.toString();
    else hour = hour.toString();
    
    if(minute < 10) minute = "0" + minute.toString();
    else minute = minute.toString();
    
    if(second < 10) second = "0" + second.toString();
    else second = second.toString();
    
    return [hour, minute, second].join(":");
}


function solution(play_time, adv_time, logs) {
    var answer = '';
    let play_time_sec = toSecond(play_time);
    let adv_time_sec = toSecond(adv_time);
    
    //초 단위로 나타낸 시간 프로그레스 바
    let playbar = Array(play_time_sec + 1).fill(0);
    
    logs.forEach(log => {
        const [start, end] = log.split("-");
        const startSec = toSecond(start), endSec = toSecond(end);
        playbar[startSec]++;
        playbar[endSec]--;
    });
    
    // 특정 '초'에 몇 명의 사람들이 보고 있었는지를 나타내게 하자.
    for(let i=1; i<=play_time_sec; i++) {
        playbar[i] += playbar[i-1];
    }
    // 특정 '초'에 사람들이 해당 비디오를 재생한 누적 재생시간을 나타내게 하자.
    for(let i=1; i<=play_time_sec; i++) {
        playbar[i] += playbar[i-1];
    }
    
    let maxAcc = playbar[adv_time_sec] - playbar[1];
    let answerStart = 0;
    for(let i=adv_time_sec + 1; i<=play_time_sec; i++) {
        let tempAcc = playbar[i] - playbar[i - adv_time_sec];
        if(tempAcc > maxAcc) {
            maxAcc = tempAcc;
            answerStart = i - adv_time_sec + 1;
        }
    }
    
    answer = toTimeString(answerStart);
    return answer;
}

참고

longroadhome 님의 velog (링크)