Boongranii

최고의 열정을 뽐내는 쿼카 🐶

4 분 소요

쉰 한 번째 포스팅

안녕하세요! 쉰 한 번째 포스팅으로 찾아뵙게 되어 반갑습니다!♥

오늘의 포스팅 내용은 프로그래머스 - 바탕화면 정리에 관한 내용입니다.
자세한 내용을 알아보러 갑시다❗️

[Boongranii] Here We Go 🔥

1️⃣ 문제

[프로그래머스] 바탕화면 정리 (문제 링크)

💨 문제 설명

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

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

  • 드래그는 바탕화면의 격자점 S(lux, luy)를 마우스 왼쪽 버튼으로 클릭한 상태로 격자점 E(rdx, rdy)로 이동한 뒤 마우스 왼쪽 버튼을 떼는 행동입니다. 이때, “점 S에서 점 E로 드래그한다”고 표현하고 점 S와 점 E를 각각 드래그의 시작점, 끝점이라고 표현합니다.
  • 점 S에서 점 E로 드래그를 하면 바탕화면에서 두 격자점을 각각 왼쪽 위, 오른쪽 아래로 하는 직사각형 내부에 있는 모든 파일이 선택됩니다.

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

image

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

image

(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를 만족해야 합니다.

💨 입출력 예

wallpaper result
[”.#…”, “..#..”, “…#.”] [0, 1, 3, 4]
[“……….”, “…..#….”, “……##..”, “…##…..”, “….#…..”] [1, 3, 5, 8]
[”.##…##.”, “#..#.#..#”, “#…#…#”, “.#…..#.”, “..#…#..”, “…#.#…”, “….#….”] [0, 0, 7, 9]
[”..”, “#.”] [1, 0, 2, 1]

💨 입출력 예 설명

입출력 예 #1

문제 설명의 예시와 같은 예제입니다. (0, 1)에서 (3, 4)로 드래그 하면 모든 파일을 선택할 수 있고 드래그 한 거리는 6이었고, 6보다 적은 거리로 모든 파일을 선택하는 방법은 없습니다. 따라서 [0, 1, 3, 4]를 return합니다.

입출력 예 #2

예제 2번의 바탕화면은 다음과 같습니다.

image

(1, 3)에서 (5, 8)로 드래그하면 모든 파일을 선택할 수 있고 이보다 적은 이동거리로 모든 파일을 선택하는 방법은 없습니다. 따라서 가장 적은 이동의 드래그로 모든 파일을 선택하는 방법인 [1, 3, 5, 8]을 return합니다.

입출력 예 #3

예제 3번의 바탕화면은 다음과 같습니다.

image

모든 파일을 선택하기 위해선 바탕화면의 가장 왼쪽 위 (0, 0)에서 가장 오른쪽 아래 (7, 9)로 드래그 해야만 합니다. 따라서 [0, 0, 7, 9]를 return합니다.

입출력 예 #4

예제 4번의 바탕화면은 다음과 같이 2행 1열에만 아이콘이 있습니다.

image

이를 드래그로 선택하기 위해서는 그 칸의 왼쪽 위 (1, 0)에서 오른쪽 아래 (2, 1)로 드래그 하면 됩니다. (1, 0)에서 (2, 2)로 드래그 해도 아이콘을 선택할 수 있지만 이전보다 이동거리가 늘어납니다. 따라서 [1, 0, 2, 1]을 return합니다.

2️⃣ 문제 풀이

🔥 나의 문제 풀이

  1. #이 있는 부분의 좌표를 배열 안에 넣음.
  2. 배열의 각 요소의 0번째 요소는 행, 1번째 요소는 열
  3. 배열의 각 요소의 0번째 요소 중 가장 작은 값은 행의 시작점 → lux
  4. 배열의 각 요소의 1번째 요소 중 가장 작은 값은 열의 시작점 → luy
  5. 배열의 각 요소의 0번째 요소 중 가장 큰 값에 1을 더한 값은 행의 끝점 → rdx
  6. 배열의 각 요소의 1번째 요소 중 가장 큰 값에 1을 더한 값은 열의 끝점 → rdy
  7. lux, luy, rdx, rdy를 반환
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

function solution(wallpaper) {
  const n = wallpaper.length;
  const m = wallpaper[0].length;
  const arr = [];
  for (let i = 0; i < n; i++) {
    for (let j = 0; j < m; j++) {
      if (wallpaper[i][j] === "#") {
        arr.push([i, j]);
      }
    }
  }
  return [
    Math.min(...arr.map((a) => a[0])),
    Math.min(...arr.map((a) => a[1])),
    Math.max(...arr.map((a) => a[0])) + 1,
    Math.max(...arr.map((a) => a[1])) + 1,
  ];
}

먼저 2차원 배열을 순회하며 주어진 배열 요소에 #을 찾는다. 그 위치에 있는 좌표를 구해서 배열에 넣는다.

그리고나서, 주어진 그림을 골똘히 보았다. 최소..최대..만 구하면 끝이네?

배열 안에서 요소의 0, 1번째 요소 중 가장 작고 가장 큰 값을 찾아서 return 해주면 끝이었다. 끝의 좌표는 (x좌표에서 제일 큰 값 + 1, y좌표에서 제일 큰 값 + 1) 이므로 1만 더해서 return 해주면 된다.

3️⃣ 느낀점

문제를 풀다가 내 풀이처럼 저렇게 리턴을 할 때 바로 넣는 게 우수할까, 아니면 변수에 저장하고 변수를 넣고 리턴하는 것이 우수할까 전지전능 지피티 선생님께 여쭤봤다.

성능 차이는 매우 미미할 것으로 예상되고, 일반적으로 코드의 가독성과 유지보수 가능성을 고려해서 변수에 저장을 하고 리턴하는 게 좋다고 한다.

문제가 간단해서 저렇게 풀었던 것 같은데 변수에 저장하고 사용하는 습관을 들이도록 해야겠다. 아좌좌좌조좌조자❗️💕

댓글남기기

참고