JavaScript 트리 순회 연습: 깊이별 노드 묶기

2026.09.10·수정 2026.09.13·약 8분·작성: 해비·블로그 소개
트리의 계층 구조와 순회를 표현한 개념 표지
구조의 특징을 표현한 개념 이미지입니다. 정확한 동작은 아래 코드와 추적 표를 함께 확인하세요.

핵심 요약

이진 트리의 노드를 깊이별로 묶되 같은 깊이에서는 왼쪽부터 출력합니다. 큐의 현재 층 경계를 고정해 다음 층이 섞이지 않게 하는 독립 창작 문제입니다.

독립 창작 문제

이 문제의 상황·입출력 계약·예시는 이 글을 위해 직접 구성했습니다. 공식 문제를 번역하거나 복제한 지문이 아닙니다. 구현 개념은 트리 자료구조 차이: 이진 트리 BST MST 구분하기에서 먼저 확인할 수 있습니다.

이진 트리가 주어집니다. 루트의 깊이를 0으로 정하고 같은 깊이의 노드 값을 왼쪽부터 묶어 배열로 반환하세요. 값이 같아도 서로 다른 노드이면 모두 포함합니다. 빈 트리의 결과는 빈 배열입니다.

여기서 왼쪽부터란 부모를 왼쪽부터 처리하면서 각 부모의 왼쪽 자식, 오른쪽 자식 순으로 읽는 것을 뜻합니다. 노드 값의 숫자 크기로 정렬하면 안 됩니다. 깊이가 커질수록 바깥 배열의 뒤에 한 줄씩 추가합니다.

입력·출력과 제약

표준 입력은 {root} 형태의 JSON 객체입니다. root는 null 또는 {value,left,right} 노드입니다. value는 안전 정수이고 없는 자식은 null 또는 필드 생략으로 표현합니다. 노드 수는 0~10000, 루트부터의 최대 깊이는 200입니다. 각 노드는 부모를 최대 하나만 갖는 유효한 트리이며 사이클과 공유 노드는 없습니다.

표준 출력은 [[깊이0의 값들],[깊이1의 값들],…] 형태의 JSON 배열입니다. 빈 깊이를 중간에 따로 만들지 않습니다. JSON은 객체 참조를 공유하는 형식이 아니며 코드의 반복 순회가 깊은 객체를 지원하더라도 입출력 직렬화 한도를 무한히 보장하지 않으므로 위 깊이 제약을 따릅니다.

입력 예시

{"root":{"value":7,"left":{"value":4,"right":{"value":4}},"right":{"value":9}}}

출력 예시

[[7],[4,9],[4]]

실행 방법

Node.js CommonJS 환경에서 정답의 전체 코드를 tree-problem.cjs로 저장합니다. 입력 예시를 UTF-8 input.json 파일로 저장한 뒤 Windows PowerShell에서는 아래 명령을 실행하세요. 내장 node:fs 외에 다른 파일이나 패키지가 필요하지 않습니다.

Get-Content -Raw -Encoding UTF8 ./input.json | node ./tree-problem.cjs

macOS·Linux의 Bash에서는 아래 입력 리다이렉션을 사용할 수 있습니다. 이 < 문법은 PowerShell 명령이 아닙니다.

node ./tree-problem.cjs < input.json

힌트

한 층을 시작할 때 queue.length를 end에 저장하세요. 그 층을 처리하면서 새 자식이 뒤에 추가되어도 head가 end에 도달하면 반드시 현재 층을 끝냅니다. 반복 조건에 계속 바뀌는 queue.length를 쓰면 모든 깊이가 한 줄로 합쳐집니다.

정답 코드와 해설 펼치기

한 파일로 실행하는 전체 정답

'use strict';

function groupLevels(root) {
  if (root == null) return [];
  const queue = [root];
  const levels = [];
  let head = 0;
  while (head < queue.length) {
    const end = queue.length;
    const level = [];
    while (head < end) {
      const node = queue[head];
      head += 1;
      level.push(node.value);
      if (node.left != null) queue.push(node.left);
      if (node.right != null) queue.push(node.right);
    }
    levels.push(level);
  }
  return levels;
}

function solve({ root }) {
  return groupLevels(root);
}

module.exports = { solve };

if (require.main === module) {
  const fs = require('node:fs');
  const input = JSON.parse(fs.readFileSync(0, 'utf8').replace(/^\uFEFF/, ''));
  process.stdout.write(JSON.stringify(solve(input)) + '\n');
}

정답 해설: end는 이번 층의 경계입니다

바깥 반복문 시작 시 queue의 head부터 끝까지는 아직 처리하지 않은 한 깊이의 노드입니다. end를 고정하고 head < end 동안만 읽으면 자식들은 다음 반복을 위해 남습니다. 각 부모의 왼쪽을 먼저 enqueue하므로 다음 층에서도 왼쪽부터의 순서가 유지됩니다.

바깥 반복 시작 head end 이번 결과 다음에 추가되는 값
루트 7 0 1 [7] 4,9
두 번째 층 1 3 [4,9] 4
세 번째 층 3 4 [4] 없음

레벨별 배열은 매 바깥 반복에서 새로 생성합니다. 같은 배열을 비운 뒤 재사용하면 이전 층 결과까지 바뀔 수 있습니다. 값이 4인 노드가 두 번 나와도 방문 집합으로 제거하지 않는 이유는 값이 노드의 신원이 아니기 때문입니다. 트리 계약상 같은 객체를 다시 만날 필요 자체가 없습니다.

root가 null이면 큐에 넣기 전에 빈 결과를 반환합니다. 나머지 경우 각 노드는 부모에서 정확히 한 번 큐에 들어가고 정확히 한 번 값이 기록됩니다. 따라서 누락·중복 없이 모든 노드가 해당 깊이에 들어갑니다.

복잡도와 큐 메모리

n은 노드 수입니다. 모든 노드를 한 번씩 처리하므로 시간 O(n)이며, 출력 배열에는 총 n개 값이 있어 O(n) 공간이 필요합니다. 이 구현은 head만 움직이고 queue에서 처리한 항목을 제거하지 않으므로 큐 자체도 O(n)입니다. 입력 트리와 출력까지 포함한 전체 공간도 O(n)이며 폭만큼의 큐라고 축소해서 계산하지 않습니다.

출력 공간을 제외한 큐를 최대 폭 O(w)로 줄이려면 처리한 앞부분을 적절히 재사용하는 실제 큐나 층 배열 교체가 필요합니다. 단순히 head가 커진다는 사실만으로 배열 저장 공간이 회수되지는 않습니다. 이 문제에서는 최대 10000개라 단순한 누적 배열을 선택합니다.

직접 확인할 경계

null, 루트 하나, 오른쪽 자식만 이어진 트리, 값이 모두 같은 완전 이진 트리를 확인하세요. 작은 트리를 재귀 DFS로 방문하면서 깊이별 배열에 값을 누적한 독립 결과와 대조하면 큐의 층 경계와 자식 순서를 동시에 검증할 수 있습니다.

함께 연습하고 확인할 자료

Binary Tree Level Order Traversal: 이진 트리를 레벨 순서로 방문하는 외부 연습입니다. 플랫폼의 노드 형식과 제출 인터페이스는 공식 페이지에서 확인하세요.

관련 개념 참고: Princeton Algorithms — Minimum Spanning Trees, Princeton — Binary Search Trees, BlogFlow — 기존 트리 자료구조 글 공식 자료와 문제 페이지는 2026년 9월 10일 확인했습니다. 외부 문제의 지문·예시를 복제하지 않고 이 글의 예제와 창작 문제를 별도로 구성했습니다.

풀이 전에 확인할 순서

  1. 입력값과 출력값을 한 문장으로 다시 적습니다.
  2. 반복할 대상과 비교·저장할 값을 정합니다.
  3. 필요한 자료구조와 시간복잡도를 예상합니다.
  4. 코드를 보기 전에 손으로 작은 예제를 계산합니다.
힌트: JavaScript 트리 순회 연습: 깊이별 노드 묶기

정답 코드를 바로 따라 쓰기보다, 본문에서 값이 갱신되는 조건과 반복 범위를 먼저 찾으세요. 반복 한 번마다 반드시 유지되어야 하는 값이 무엇인지 적으면 풀이의 중심 변수를 고르기 쉽습니다.

테스트 확인

  • 가능한 가장 작은 입력
  • 같은 값이나 문자가 반복되는 입력
  • 정답이 처음 또는 마지막 위치에서 결정되는 입력
  • 입력 제한에 가까운 경우의 실행 시간

확인 결과: 본문의 예제뿐 아니라 위 경계 사례에서도 예상값과 실제 출력이 같아야 풀이가 완료됩니다.

이 글이 도움이 되었나요?

조회 중

코딩테스트 JavaScript 학습 순서

필수 49개 · 전체 49개

읽음 기록 관리

전체 과정 목차 (49개)
  1. 필수 길잡이 · 코딩테스트 JS 자료구조 로드맵: 배열, 해시, 스택, 투 포인터 순서
  2. 필수 학습 · 세 수 중 최솟값 JavaScript 조건문 풀이 정리
  3. 필수 학습 · 삼각형 판별하기 JavaScript 풀이
  4. 필수 학습 · 연필 개수 JavaScript 풀이
  5. 필수 학습 · 1부터 N까지 합 출력하기 JavaScript 풀이
  6. 필수 학습 · 최솟값 구하기 JavaScript 풀이|배열 순회와 비교 갱신 원리
  7. 필수 학습 · 홀수 JavaScript 풀이: 조건 판별과 결과 처리 정리
  8. 필수 학습 · 10부제 JavaScript 풀이: 끝자리 비교로 위반 차량 수 세기
  9. 필수 학습 · A를 #으로 JavaScript 풀이: 문자열 순회와 치환
  10. 필수 학습 · 문자 찾기 JavaScript 풀이: 문자열 순회로 개수 세기
  11. 필수 학습 · 대문자 찾기 JavaScript 풀이
  12. 필수 학습 · 대문자로 통일 JavaScript 풀이
  13. 필수 학습 · 대소문자 변환 JavaScript 풀이
  14. 필수 학습 · 일곱 난쟁이 JavaScript 풀이: 두 명을 제외하는 완전탐색
  15. 필수 학습 · 코딩테스트 JS Map 풀이: 학급 회장 득표수 세기
  16. 필수 학습 · 코딩테스트 JS 스택 풀이: 올바른 괄호 검증하기
  17. 필수 학습 · 코딩테스트 JS 스택 풀이: 괄호문자 제거하기
  18. 필수 학습 · 코딩테스트 JS 스택 풀이: 크레인 인형뽑기 처리법
  19. 필수 학습 · 코딩테스트 JS 스택 풀이: 후위식 연산 계산하기
  20. 필수 학습 · 코딩테스트 JS 스택 풀이: 쇠막대기 레이저 절단 개수 세기
  21. 필수 학습 · 코딩테스트 JS 투 포인터 풀이: 두 정렬 배열 합치기
  22. 필수 학습 · 코딩테스트 JS 투 포인터 풀이: 공통 원소 추출하기
  23. 필수 학습 · 코딩테스트 JS 슬라이딩 윈도우 풀이: 최대 매출 구간 합 계산하기
  24. 필수 학습 · JavaScript 투 포인터: 합이 M인 연속 부분수열 개수
  25. 필수 학습 · 코딩테스트 JS 해시 풀이: 모든 아나그램 찾기
  26. 필수 학습 · 가장 긴 문자열 JavaScript 풀이
  27. 필수 학습 · 가운데 문자 출력 JavaScript 풀이
  28. 필수 학습 · 중복문자제거 JavaScript 풀이
  29. 필수 학습 · 코딩테스트 JS 고급: 최소 힙으로 다익스트라 최단 경로 구하기
  30. 필수 학습 · 코딩테스트 JS Union-Find: 연결 성분 수와 크기 구하기
  31. 필수 학습 · 코딩테스트 JS Trie: 접두사에 맞는 단어 수 세기
  32. 필수 학습 · 코딩테스트 JS Fenwick Tree: 값 갱신과 구간 합 처리
  33. 필수 학습 · 코딩테스트 JS 세그먼트 트리: 단일 대입과 구간 합
  34. 필수 학습 · 코딩테스트 JS LRU 캐시: 지도 타일 재사용 기록
  35. 필수 학습 · 코딩테스트 JS AVL 트리: 기준 이상 최솟값 찾기
  36. 필수 학습 · 코딩테스트 JS 큐: 상담 창구 대기열 명령 처리
  37. 필수 학습 · 코딩테스트 JS 연결 리스트: 재생 대기 목록 관리
  38. 필수 학습 · JavaScript 원형 덱 연습: 최근 기록 창과 되돌리기
  39. 필수 학습 · JavaScript 해시 테이블 연습: 정규화 문자열 빈도와 등장 순서
  40. 필수 학습 · JavaScript 트리 순회 연습: 깊이별 노드 묶기 현재 글
  41. 필수 학습 · JavaScript BST 연습: 닫힌 구간의 중복 키 보고서
  42. 필수 학습 · JavaScript 최소 힙 연습: 동률 순서를 지키는 작업 스케줄러
  43. 필수 학습 · JavaScript 그래프 연습: 연결 구역 크기를 작은 순서로 출력하기
  44. 필수 학습 · 중복단어제거 JavaScript 풀이
  45. 필수 학습 · TypeScript 이진 탐색 연습: 숫자 카드 존재 여부 확인
  46. 필수 학습 · 큰 수 출력하기 JavaScript 풀이
  47. 필수 학습 · 보이는 학생 JavaScript 풀이
  48. 필수 학습 · 가위바위보 JavaScript 풀이
  49. 필수 학습 · 점수계산 JavaScript 풀이

새 글 받아보기

RSS 리더에서 BlogFlow의 새 글을 확인할 수 있습니다.

RSS 피드 구독하기

댓글 남기기