📜 목차

알고리즘

📌 map()

자신을 호출한 배열의 모든 요소를 순회하면서 인수로 전달받은 콜백 함수를 반복 호출
콜백 함수의 반환 값들로 구성된 새로운 배열을 반환, 원본 배열은 변경되지 않는다!

Array.prototype.map() - JavaScript | MDN

📌 reduce()

자신을 호출한 배열의 모든 요소를 순회하면서 인수로 전달받은 콜백함수를 반복 호출하는데,
콜백 함수의 반환값을 다음 순회 시에 콜백 함수의 첫 번째 인수로 전달하며 콜백 함수를 호출하여 하나의 결과 값을 만들어 반환한다!

<aside> 💡 reduce()의 초기값은 0이나 숫자열 이외의 문자열, 배열, 객체도 가능하다! → 초기값에 따라서 reduce()가 최종적으로 받아오는 타입이 결정될 수도 있음!

</aside>

Array.prototype.reduce() - JavaScript | MDN

💭 비밀지도

// <https://programmers.co.kr/learn/courses/30/lessons/17681>

function solution(n, arr1, arr2) {
    const answer = []
    
    for( let i = 0 ; i < arr1.length ; i++){
        answer[i] = ""
        
        // 지도1을 2진법으로 변환한 데이터를 저장
        const map1 = arr1[i].toString( 2 ).padStart(n, "0")
        // 지도2를 2진법으로 변환한 데이터를 저장
        const map2 = arr2[i].toString( 2 ).padStart(n, "0")
        
        for (let j = 0; j<map1.length; j++){
            // 둘 중 하나라도 벽이기 때문에 전제 지도에서도 벽
            if (map1[j] ==="1" || map2[j] === "1"){
                answer[i] +="#"
            }
            // 두 개의 지도 모두 공백이라면, 전체 지도에서도 공백
            else if (map1[j] === "0" && map2[j] ==="0"){
                answer[i] += " "
            }
        }
    }
    return answer
}

// map()과 reduce()를 사용한 풀이
function solution(n, arr1, arr2) {
    const answer = arr1.map( (map1,i) => {
        map1 = map1.toString( 2 ).padStart(n, "0")
        const map2 = arr2[i].toString( 2 ).padStart(n,"0")
        
        const result = map1.split("").reduce( (acc,cur,i) => {
            return acc += ( cur === "1" || map2[i] === "1")
            ? "#"
            : " "
        }, "")
        return result
    })
    return answer
}

NestJS

<aside> ❓ 텍스트 데이터 이외의 데이터(특히 이미지 데이터) 처리는 어떻게 할 것인가? 이미지를 다른 모바일 환경에서는 어떻게 보이게 할 지, 사이즈나 화질은 어떻게 처리할 것인지(성능 등)

</aside>