[프로그래머스] 바탕화면 정리 - JavaScript

문제 출처

Lv.1 바탕화면 정리 - JavaScript

문제 설명

컴퓨터 바탕화면은 각 칸이 정사각형인 격자판입니다. 이때 컴퓨터 바탕화면의 상태를 나타낸 문자열 배열 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가 매개변수로 주어질 때 바탕화면의 파일들을 한 번에 삭제하기 위해 최소한의 이동거리를 갖는 드래그의 시작점과 끝점을 담은 정수 배열을 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를 만족해야 합니다.

예시

입출력 예

풀이

전체 파일을 선택하기 위해 생각해 볼 것은 첫 마우스를 누르는 지점과 드래그한 후 마우스를 때는 지점을 어떻게 구할까? 입니다.
우선 마우스를 누르는 지점은 가장 좌측에 있는 파일 x값과 가장 상단에 있는 파일의 y값 입니다.
반대로 때는 지점은 가장 우측에 있는 x값과 가장 하단에 있는 파일의 y값을 구하면 됩니다.

function solution(wallpaper) {
  // 좌표를 정리할 배열 선언
  const X = [];
  const Y = [];

  // 2중 for문을 사용해 wallpaper안에 있는 파일의 위치를 찾습니다.
  for (let i = 0; i < wallpaper.length; i++) {
    for (let j = 0; j < wallpaper[i].length; j++) {
      if (wallpaper[i][j] === "#") {
        // 파일을 발견하게 된다면
        // i는 Y 배열에 j는 X 배열에 넣어줍니다.
        // 여기서 i는 y값의 좌표 모임이되고 j는 x값 좌표의 모임이 됩니다.
        Y.push(i);
        X.push(j);
      }
    }
  }

  // 구한 좌표 값을 오름차순으로 정렬해줍니다.
  X.sort((a, b) => a - b);
  Y.sort((a, b) => a - b);

  // 가장 상단 좌표값은 Y의 젤 작은 수가 될 것이고
  // 가장 좌측 좌표값은 X의 젤 작은 수가 될 것입니다.
  // 가장 하단 좌표값은 Y의 젤 큰 수에 1을 더한 값이고 (파일을 포함해야하기 때문)
  // 가장 우측 좌표값은 X의 젤 큰 수에 1을 더한 값이 됩니다.
  return [Y[0], X[0], Y[Y.length - 1] + 1, X[X.length - 1] + 1];
}

정리

문제 설명이 복잡해 보이지만 하나씩 생각해보면 쉽게 풀수 있는 문제였습니다! 화이팅!
사용된 메서드와 문법에 대해 더 공부하고 싶으신 분은 링크를 클릭해주세요!

sort() 메서드 - MDN

피드백은 언제나 환영입니다. 😊