[programmers - lv01] 바탕화면 정리

문제

코딩테스트를 준비하는 머쓱이는 프로그래머스에서 문제를 풀고 나중에 다시 코드를 보면서 공부하려고 작성한 코드를 컴퓨터 바탕화면에 아무 위치에나 저장해 둡니다. 저장한 코드가 많아지면서 머쓱이는 본인의 컴퓨터 바탕화면이 너무 지저분하다고 생각했습니다. 프로그래머스에서 작성했던 코드는 그 문제에 가서 다시 볼 수 있기 때문에 저장해 둔 파일들을 전부 삭제하기로 했습니다.

컴퓨터 바탕화면은 각 칸이 정사각형인 격자판입니다. 이때 컴퓨터 바탕화면의 상태를 나타낸 문자열 배열 wallpaper가 주어집니다. 파일들은 바탕화면의 격자칸에 위치하고 바탕화면의 격자점들은 바탕화면의 가장 왼쪽 위를 (0, 0)으로 시작해 (세로 좌표, 가로 좌표)로 표현합니다. 빈칸은 ".", 파일이 있는 칸은 "#"의 값을 가집니다. 드래그를 하면 파일들을 선택할 수 있고, 선택된 파일들을 삭제할 수 있습니다. 머쓱이는 최소한의 이동거리를 갖는 한 번의 드래그로 모든 파일을 선택해서 한 번에 지우려고 하며 드래그로 파일들을 선택하는 방법은 다음과 같습니다.

드래그는 바탕화면의 격자점 S(lux, luy)를 마우스 왼쪽 버튼으로 클릭한 상태로 격자점 E(rdx, rdy)로 이동한 뒤 마우스 왼쪽 버튼을 떼는 행동입니다. 이때, "점 S에서 점 E로 드래그한다"고 표현하고 점 S와 점 E를 각각 드래그의 시작점, 끝점이라고 표현합니다.

점 S(lux, luy)에서 점 E(rdx, rdy)로 드래그를 할 때, "드래그 한 거리"는 |rdx - lux| + |rdy - luy|로 정의합니다.

점 S에서 점 E로 드래그를 하면 바탕화면에서 두 격자점을 각각 왼쪽 위, 오른쪽 아래로 하는 직사각형 내부에 있는 모든 파일이 선택됩니다.

예를 들어 wallpaper = [".#...", "..#..", "...#."]인 바탕화면을 그림으로 나타내면 다음과 같습니다.

이러한 바탕화면에서 다음 그림과 같이 S(0, 1)에서 E(3, 4)로 드래그하면 세 개의 파일이 모두 선택되므로 드래그 한 거리 (3 - 0) + (4 - 1) = 6을 최솟값으로 모든 파일을 선택 가능합니다.

 

(0, 0)에서 (3, 5)로 드래그해도 모든 파일을 선택할 수 있지만 이때 드래그 한 거리는 (3 - 0) + (5 - 0) = 8이고 이전의 방법보다 거리가 늘어납니다.

머쓱이의 컴퓨터 바탕화면의 상태를 나타내는 문자열 배열 wallpaper가 매개변수로 주어질 때 바탕화면의 파일들을 한 번에 삭제하기 위해 최소한의 이동거리를 갖는 드래그의 시작점과 끝점을 담은 정수 배열을 return하는 solution 함수를 작성해 주세요. 드래그의 시작점이 (lux, luy), 끝점이 (rdx, rdy)라면 정수 배열 [lux, luy, rdx, rdy]를 return하면 됩니다.

 

제한사항

• 1 ≤ wallpaper의 길이 ≤ 50
• 1 ≤ wallpaper[i]의 길이 ≤ 50
  • wallpaper의 모든 원소의 길이는 동일합니다.
• wallpaper[i][j]는 바탕화면에서 i + 1행 j + 1열에 해당하는 칸의 상태를 나타냅니다.
• wallpaper[i][j]는 "#" 또는 "."의 값만 가집니다.
• 바탕화면에는 적어도 하나의 파일이 있습니다.
• 드래그 시작점 (lux, luy)와 끝점 (rdx, rdy)는 lux < rdx, luy < rdy를 만족해야 합니다.

---

문제 해석

주어지는 2차원 배열을 완전탐색하여 조건에 맞게 시작점과 끝점을 찾으면 된다.

시작점은 왼쪽에서부터 파일의 각 행과 열이 갖는 값이 최솟값이면 되고, 끝점은 최댓값이면 된다.

나는 좀 더 빨리 찾기위해서 끝점을 찾기위해서 2차원 배열을 역으로 탐색하면되겠다고 생각했는데,

어짜피 각 시작점과 끝점을 찾기 위해서 완전탐색을 해야하는거라면 굳이 그럴필요가 없었다.

 

---

문제 풀이

풀이1

function solution(wallpaper) {
  var answer = [];
  // 행 길이
  const n = wallpaper.length;
  // 열 길이
  const m = wallpaper[0].length;

  // 시작점
  let sy = n,
    sx = m;
  // 끝점
  let ey = 0,
    ex = 0;

  // 바탕화면 탐색
  for (let i = 0; i < n; i++) {
    for (let j = 0; j < m; j++) {
      // 시작점을 찾기위한 정방향 탐색
      if (wallpaper[i][j] === "#") {
        if (sy > i) {
          sy = i;
        }
        if (sx > j) {
          sx = j;
        }
      }
      // 끝점을 찾기위한 역방향 탐색
      if (wallpaper[n - i - 1][m - j - 1] === "#") {
        if (ey <= n - i) {
          ey = n - i;
        }
        if (ex <= m - j) {
          ex = m - j;
        }
      }
    }
  }
  answer = [sy, sx, ey, ex];

  return answer;
}

로직은 금방 생각했는데, 생각보다 오래걸렸다. 자바스크립트 문법에 익숙하지 못해서 ... 

처음에 2차원배열을 역으로 탐색할 때 배열을 역으로 뒤집어서 한 번 더 탐색하려고 해서 array.reverse() 메소드를 사용했다.

로직은 분명 맞는데, 어디서 틀렸지 고민하다가 시간을 너무 많이 뺏겼다.

원인은 reverse() 메소드는 원본배열 자체를 뒤집어버려서 기존에 시작점을 찾는 배열도 같이 뒤집혀버렸다.

 

풀이2

function solution(wallpaper) {
  var answer = [];
  // 행 길이
  const n = wallpaper.length;
  // 열 길이
  const m = wallpaper[0].length;

  // 시작점
  let sy = n, sx = m;
  // 끝점
  let ey = 0, ex = 0;

  // 바탕화면 탐색
  for (let i = 0; i < n; i++) {
    for (let j = 0; j < m; j++) {
      // 시작점을 찾기위한 정방향 탐색
      if (wallpaper[i][j] === "#") {
        sy = Math.min(sy, i);
        sx = Math.min(sx, j);
        ey = Math.max(ey, i + 1);
        ex = Math.max(ex, j + 1);
      }
    }
  }
  answer = [sy, sx, ey, ex];

  return answer;
}

훨씬 깔끔해졌다.