후.. 풀면서 꽤 애먹은 문제이며 아직까지도 수행시간이 너무 오래걸려 맘에 들지 않는 문제이다.

자 시작.

문제 조건

0과 1로 이루어진 2n x 2n 크기의 2차원 정수 배열 arr이 있습니다. 당신은 이 arr을 쿼드 트리와 같은 방식으로 압축하고자 합니다. 구체적인 방식은 다음과 같습니다.

당신이 압축하고자 하는 특정 영역을 S라고 정의합니다.
만약 S 내부에 있는 모든 수가 같은 값이라면, S를 해당 수 하나로 압축시킵니다.
그렇지 않다면, S를 정확히 4개의 균일한 정사각형 영역(입출력 예를 참고해주시기 바랍니다.)으로 쪼갠 뒤, 각 정사각형 영역에 대해 같은 방식의 압축을 시도합니다.
arr이 매개변수로 주어집니다. 위와 같은 방식으로 arr을 압축했을 때, 배열에 최종적으로 남는 0의 개수와 1의 개수를 배열에 담아서 return 하도록 solution 함수를 완성해주세요.

제한사항
arr의 행의 개수는 1 이상 1024 이하이며, 2의 거듭 제곱수 형태를 하고 있습니다. 즉, arr의 행의 개수는 1, 2, 4, 8, ..., 1024 중 하나입니다.
arr의 각 행의 길이는 arr의 행의 개수와 같습니다. 즉, arr은 정사각형 배열입니다.
arr의 각 행에 있는 모든 값은 0 또는 1 입니다.

최종 압축 결과에 0이 4개, 1이 9개 있으므로, [4,9]를 return 해야 합니다.

최종 압축 결과에 0이 10개, 1이 15개 있으므로, [10,15]를 return 해야 합니다.

풀이 시작

function solution(arr) {
    const result = [0,0]

    // 처음부터 모든 요소가 같지 않다면 분리
    if(!isAllSame(arr)) {
        separate(arr).map(a => result[a]++)
    // 처음부터 모든 요소가 같다면
    } else {
        // 0이라면 result배열의 0 번째를 증가 , 1이라면 ~
        result[arr.flat(Infinity)[0]]++
    }
    
    return result
}

// 배열을 쿼드 분리하는 과정
function separate(arr) {
    const arrLen = arr[0].length
    let tLeftArr = []
    let tRightArr = []
    let bLeftArr = []
    let bRightArr = []
    // 분리
    for(let i = 0 ; i < arrLen/2 ; i ++) {
        // 시작부터 절반까지, 절반부터 끝까지
        const topLeft = arr[i].slice(0,arrLen/2)
        const topRight = arr[i].slice(arrLen/2)
        const bLeft = arr[arrLen/2+i].slice(0,arrLen/2)
        const bRight = arr[arrLen/2+i].slice(arrLen/2)
        tLeftArr.push(topLeft)  
        tRightArr.push(topRight)
        bLeftArr.push(bLeft)
        bRightArr.push(bRight)
    }
    // 0 또는 1로 모두 같다면 배열을 하나의 원소로 최소화
    if(isAllSame(tLeftArr)) {
        tLeftArr = tLeftArr.flat(Infinity)[0]
        // 더 쪼갤 수 있다면 재귀하며 끝까지 쪼갠다
    } else if(tLeftArr.length !== 1) {
        tLeftArr = separate(tLeftArr)
    }
    if(isAllSame(tRightArr)) {
        tRightArr = tRightArr.flat(Infinity)[0]
    } else if(tRightArr.length !== 1) {
        tRightArr = separate(tRightArr)
    }
    if(isAllSame(bLeftArr)) {
        bLeftArr = bLeftArr.flat(Infinity)[0]
    } else if (bLeftArr.length !== 1) {
        bLeftArr = separate(bLeftArr)
    }
    if(isAllSame(bRightArr)) {
        bRightArr = bRightArr.flat(Infinity)[0]
    } else if(bRightArr.length !== 1) {
        bRightArr = separate(bRightArr)
    }
    
    // 쪼개진 배열 1차원 배열로 치환
    return [tLeftArr,tRightArr,bLeftArr,bRightArr].flat(Infinity)
}

// 배열의 요소가 모두 같은지 판별
function isAllSame(arr) {
    return arr.flat(Infinity).every(el => el === 1) || arr.flat(Infinity).every(el => el === 0)
}

코드가 상당히 길며 내가봐도 가시성이 떨어진다. 나중에 시간이 되면 리펙토링 해보고 싶다는 생각이 들었음

좌표로 푼 사람들도 있다는데.. 난 배열로 풀고싶었다.