(1-2) [자료구조/알고리즘] - Stack, Queue

 

Stack: 데이터(data)를 순서대로 쌓는, 가장 먼저 들어간 데이터가 가장 나중에 나올 수 있는 자료구조

가장 먼저 들어간 데이터는 가장 나중에 나올 수 있다. 다시 말해, 가장 나중에 들어간 데이터가 가장 먼저 나올 수 있다. 자료구조 Stack의 특징은 입력과 출력이 하나의 방향으로 이루어지는 제한적 접근에 있다. 이런 Stack 자료구조의 정책을 LIFO(Last In First Out) 혹은 FILO(First In Last Out)이라고 부르기도 한다.

 

 

[그림] 브라우저의 뒤로 가기와 앞으로 가기 기능에 사용된 Stack

 

 

Stack의 실사용 예제

컴퓨터에서 자료구조 Stack은 어떤 곳에 사용되고 있을까? 대표적으로 우리가 자주 사용하는 브라우저의 뒤로 가기, 앞으로 가기 기능을 구현할 때 자료구조 Stack이 활용된다.

브라우저에서 자료구조 Stack이 사용될 때에는 다음과 같은 순서를 거친다. 1. 새로운 페이지로 접속할 때, 현재 페이지를 Prev Stack에 보관한다. 2. 뒤로 가기 버튼을 눌러 이전 페이지로 돌아갈 때에는 현재 페이지를 Next Stack에 보관하고 Prev Stack에 가장 나중에 보관된 페이지를 현재 페이지로 가져온다. 3. 앞으로 가기 버튼을 눌러 앞서 방문한 페이지로 이동을 원할 때에는 Next Stack의 가장 마지막으로 보관된 페이지를 가져온다. 4. 마지막으로 현재 페이지를 Prev Stack에 보관흔다.

이렇게 자료구조 Stack을 이용하면 뒤로 가기와 앞으로 가기 버튼을 구현할 수 있다.

 

 

Queue: Stack 과 반대되는 개념, 먼저 들어간 데이터가 먼저 나오는 자료구조

Queue는 Stack과 반대되는 개념으로, 먼저 들어간 데이터(data)가 먼저 나오는 FIFO(First In First Out) 혹은 LILO(Last In Last Out) 을 특징으로 가지고 있다. 가장 먼저 들어간 데이터가 가장 먼저 나올 수 있다. 다시 말해, 가장 나중에 들어온 데이터는 먼저 들어온 데이터가 모두 빠져나가기 전까지는 빠져나갈 수 없다는 말이다.

자료구조 Queue는 데이터(data)가 입력된 순서대로 처리할 때 주로 사용한다.

 

 

[그림] 자료구조 Queue는 순서대로 지나가는 자동차가 지나가는 톨게이트와 유사하다.

 

 

Queue의 실사용 예제

자료구조 Queue는 컴퓨터에서도 광범위하게 활용된다. 컴퓨터와 연결된 프린터에서 여러 문서를 순서대로 인쇄하려면 어떻게 해야 할까?

1. 우리가 문서를 작성하고 출력 버튼을 누르면 해당 문서는 인쇄 작업 (임시 기억 장치의) Queue에 들어간다.
2. 프린터는 인쇄 작업 Queue에 들어온 문서를 순서대로 인쇄한다.
   
   컴퓨터(출력 버튼) - (임시 기억 장치의) Queue에 하나씩 들어옴 - Queue에 들어온 문서를 순서대로 인쇄

만약 Queue에 들어온 순서대로 출력하지 않는다면, 인쇄 결과물이 뒤죽박죽일 것이다.

[그림] 인쇄 작업 Queue는 Queue에 들어온 문서를 순서대로 출력한다.

 

위 예시처럼 컴퓨터 장치들 사이에서 데이터(data)를 주고 받을 때, 각 장치 사이에 존재하는 속도의 차이나 시간 차이를 극복하기 위해 임시 기억 장치의 자료구조로 Queue를 사용한다. 이것을 통틀어 버퍼(buffer)라고 한다. 아래 이미지는 버퍼링(buffering)의 개념을 보여주고 있다.

대부분의 컴퓨터 장치에서 발생하는 이벤트는 파동 그래프와 같이 불규칙적으로 발생한다. 이에 비해 CPU와 같이 발생한 이벤트를 처리하는 장치는 일정한 처리 속도를 갖는다. 불규칙적으로 발생한 이벤트를 규칙적으로 처리하기 위해 버퍼(buffer)를 사용한다.

 

 

[그림] (왼쪽) CPU에서는 이벤트를 규칙적으로 처리한다. (오른쪽) 대부분의 컴퓨터 장치에서는 이벤트가 불규칙하게 발생한다.

 

 

컴퓨터와 프린터 사이의 데이터(data) 통신을 정리하면 다음과 같다.

• 일반적으로 프린터는 속도가 느린다.
• CPU는 프린터와 비교하여, 데이터를 처리하는 속도가 빠르다.
• 따라서, CPU는 빠른 속도로 인쇄에 필요한 데이터(data)를 만든 다음, 인쇄 작업 Queue에 저장하고 다른 작업을 수행한다.
• 프린터는 인쇄 작업 Queue에서 데이터(data)를 받아 일정한 속도로 인쇄한다.

유튜브와 같은 동영상 스트리밍 앱을 통해 동영상을 시청할 때, 다운로드 된 데이터(data)가 영상을 재생하기에 충분하지 않은 경우가 있다. 이때 동영상을 정상적으로 재생하기 위해 Queue에 모아 두었다가 동영상을 재생하기에 충분한 양의 데이터가 모였을 때 동영상을 재생한다.

 

 

배열로 자료구조 Stack 구현하기

// const array = new Array() 미리 정의된 Array 객체를 사용한다.
const stack = []; 

stack.push(1); // [1]
stack.push(2); // [1, 2]
stack.push(3); // [1, 2, 3]
stack.push(4); // [1, 2, 3, 4]
stack.push(5); // [1, 2, 3, 4, 5]

console.log(stack); // [1, 2, 3, 4, 5]

stack.pop(); // [1, 2, 3, 4]
stack.pop(); // [1, 2, 3]

console.log(stack); // [1, 2, 3]

 

배열로 자료구조 Queue 구현하기

// const array = new Array() 미리 정의된 Array 객체를 사용한다.
const queue = []; 

queue.push(1); // [1]
queue.push(2); // [1, 2]
queue.push(3); // [1, 2, 3]
queue.push(4); // [1, 2, 3, 4]
queue.push(5); // [1, 2, 3, 4, 5]

console.log(queue); // [1, 2, 3, 4, 5]

queue.shift(); // [2, 3, 4, 5]
queue.shift(); // [3, 4, 5]

console.log(queue); // [3, 4, 5]