스프레드시트는 거의 모든 업계에서 사용되며, 각종 재무 데이터 작업에서 특히 빛을 발합니다. 개중 한 가지 예시가 현금 흐름표입니다. 회사의 현금 유입 및 유출에 대한 정확한 실시간 정보는 비즈니스 연속성을 확보하고 재무 위험을 관리하는 데 매우 중요합니다. 스프레드시트는 이러한 정보들을 추적하는 데에 이상적입니다.

이번 스터디에서는 SpreadJS에서 계단식 배열 스파크라인을 사용하여 손쉽게 현금 흐름표를 만드는 방법을 보여드리겠습니다.

GrapeCity의 JavaScript 스프레드시트인 SpreadJS를 사용하면 재무 데이터를 명백하고 정확하게 구성, 분석 및 표시할 수 있습니다.

1. 현금 흐름의 개념

2. 현금 흐름의 범주

3. 헤더 섹션

4. 데이터 입력

5. 계단식 배열 스파크라인 삽입

현금 흐름이란, 회사에 들어오고 회사에서 나간 현금 및 현금 등가물의 순수 액수를 나타냅니다. 현금 유입액은 들어온 돈을, 현금 유출액은 나간 돈을 말합니다.

특정 기간 동안의 영업, 투자, 재무 활동으로 인한 모든 현금 유입/유출을 추적하기 위해 재무 전문가는 현금 흐름표를 만들어 회사의 현금 리소스를 효율적으로 관리합니다

현금 흐름의 범주 

회사가 현금 유동성을 얼마나 효율적으로 관리하는지를 측정하기 위해 회사는 아래와 같은 활동을 포함하는 흐름표를 작성합니다.

• 영업 활동으로 인한 현금

영업 활동에는 회사의 주요 비즈니스 영업으로 인해 발생한 현금 유입 및 유출이 포함됩니다. 공급업체 대금, 판매 수익, 직원 급여 등을 예로 들 수 있습니다.

• 투자 활동으로 인한 현금

투자 활동은 장기 자산을 구매하고 판매하여 발생한 현금 유입 및 유출을 나타냅니다. 주식, 재산, 장비를 예로 들 수 있습니다.

• 재무 활동으로 인한 현금

재무 활동에는 채무 증액 및 상환, 주식 발행 및 환매, 배당금 지급으로 인해 발생한 현금 유입 및 유출이 포함됩니다.

회사의 현금 유동성을 포괄적으로 이해하고, 회사가 재정을 얼마나 잘 관리하고 구성하는지를 투자자들과 관리자들이 이해할 수 있도록 명세서 작성하는 방법을 보여 드리겠습니다. 이는 위에 기재한 모든 범주들을 추적할 수 있는 기능을 제공합니다.

'연간 현금 흐름표'를 만들기 위해 SpreadJS 디자이너 컴포넌트를 사용하겠습니다.

디자이너 컴포넌트는 고도의 사용자 정의가 가능하고 웹 응용 프로그램에 쉽게 포함할 수 있는 선택적 추가 기능입니다.

헤더 섹션 

현금 흐름표의 헤더 섹션에서는 회사 이름을 페이지 가운데에 맞추기 위해 홈 탭의 정렬 패널에 있는 병합 & 가운데 맞춤 옵션을 선택하겠습니다.

연도 현황은 헤더 섹션의 오른쪽 영역에 배치됩니다.

헤더 아래에는 도형을 사용하여 영업, 재무, 투자 활동 범주별 현금 흐름의 자리 표시자를 만들겠습니다.

삽입 탭의 그림 패널에 있는 도형 옵션을 선택하여 디자이너 컴포넌트 워크시트에 도형을 추가합니다.

다음과 같이 표시되는 것을 확인할 수 있습니다.

데이터 입력 

현금 흐름표의 첫 번째 부분을 완성했으니, 현금 흐름표의 첫 번째 부분에 해당 연도 영업 활동 데이터 입력을 시작하겠습니다.

영업 활동으로 생성된 현금 총액은 회사의 비즈니스 영업으로 인해 발생한 전체 현금 유입 및 유출의 합계입니다.

두 번째 부분에서는 1 년간의 투자 활동에 대한 데이터를 입력하겠습니다.

영업 범주와 마찬가지로, 투자 활동 범주의 현금 총액은 장기 자산의 구매 및 판매로 인해 발생한 현금 유입 및 유출의 합계입니다. =SUM(J22:J27).

투자 활동에 대한 데이터를 입력한 뒤 마지막 섹션인 재무 활동으로 이동하겠습니다. 재무 활동 데이터는 다음과 같은 채무 및 배당금 관련 현금 유입 및 유출을 참조합니다.

계단식 배열 스파크라인 삽입 

회사의 현금 및 현금성 자산이 특정 기간에 어떻게 변화하는지에 대한 효과적인 정보를 제시하고 회사의 유동성과 현금 흐름을 만드는 능력에 대한 가치 있는 통찰력을 제공하기 위해, 위에서 생성한 현금 흐름표에 계단 배열식 스파크라인을 사용하겠습니다.

계단식 배열 스파크라인은 일반적으로 연간 매출이나 총수익과 같이 일정 기간에 걸쳐 생성된 값을 분석하는 데 사용됩니다. 그래서 판매, 재무(주로 손익 계산서), 건설 분야에 널리 사용됩니다.

SpreadJS를 사용하여 계단식 배열 스파크라인을 삽입하는 방법에는 두 가지가 있습니다.

SpreadJS 디자이너 컴포넌트에서는 스파크라인을 삽입하려는 셀을 클릭하고, 삽입 탭을 클릭한 다음 스파크라인 그룹에서 계단식 배열 스파크라인을 선택할 수 있습니다.

또는, 대상 셀을 선택하고 아래와 같이 계단식 배열 스파크라인의 수식을 입력해도 됩니다.

=CASCADESPARKLINE(pointsRange, pointIndex, labelsRange, minimum, maximum, colorPositive, colorNegative, vertical, itemTypeRange)

여기서는 다음과 같은 수식을 삽입했습니다.

=CASCADESPARKLINE($J$10:$J$37,ROW()-9,$K$10:$K$37,,,,"#800000")

레이아웃을 만들고 나면 현금 흐름표는 다음과 같이 표시됩니다.

이 과정에 따르면 SpreadJS로 정확하고, 포괄적이며, 회사의 현금 흐름을 효과적으로 분석하는 흐름표를 준비할 수 있습니다.

지금 바로 SpreadJS를 다운로드하여 직접 테스트해 보세요!

• SpreadJS 공식 홈페이지
• SpreadJS 튜토리얼 및 샘플
• SpreadJS Q&A
• SpreadJS FAQ