연도별 손익계산서를 웹에서 손쉽게 확인할 수 있는 보고서입니다.

연도별로 엑셀 파일을 쌓아 관리하던 방식에서 벗어나, 웹을 통해 보다 편리하게 손익 데이터를 열람하실 수 있습니다.

월별 당기순이익 및 매출액 추이 차트를 통해 기간별 경영성과를 한눈에 파악할 수 있고, 주요 이익률 지표를 시각적으로 제공하여 연간 수익성을 직관적으로 이해할 수 있습니다.

제공된 샘플 엑셀파일을 활용하여 손익계산서를 웹으로 변환해보세요.

Step 1. 엑셀 파일 준비

1. • 샘플로 제공된 엑셀 파일을 EPA 게시판에서 다운로드합니다.
     

Step 2. 엑셀 시트 이름 규칙

• • 다운로드 받은 엑셀 파일에 있는 데이터를 활용해 손익계산서를 작성합니다.

  • 각 시트에 대해 먼저 알아보겠습니다.

    • V시트 : V_손익계산서
      엑셀에 여러 개의 시트가 존재할 때, 웹 화면에 보여질 시트의 이름은 'V_(문자)' 혹은 'V(숫자)' 형식으로 작성합니다.
      
      
      
      

    • D시트 : D1
      데이터를 입력하거나 DB와 연결해 데이터를 불러올 수 있는 시트입니다.
      
      
      

    • P시트 : P1
      데이터 조회 시에 사용할 변수를 작성합니다. 엑셀의 '이름정의' 기능을 사용하면 셀 값을 변수로 사용할 수 있습니다.
      이번 실습에서는 연도별 손익계산서를 확인하기 위해 '연도' 변수를 사용합니다.
      
      
      
      

      엑셀 시트명 규칙은 다음과 같습니다.

      
      

Step 3. 변수 설정, V시트에 데이터 연결하기

• • 엑셀의 '이름정의'기능을 사용해 P시트에서 '연도' 변수를 설정합니다.

  • 변수는 웹 화면에서 조회 조건으로 사용할 수 있습니다. 조회 조건을 설정하면 변수값에 해당하는 데이터만 조회됩니다.
    
    
    

  • 엑셀의 SUMIFS 함수를 활용해 각 항목의 조회년도에 해당하는 월별 값을 계산합니다.
    * 조회년도 : VS_YYYY
    * 월 : 1월, 2월, 3월 ...
    * 값 : 매출액, 매출원가 ...
    예) D17셀 : =SUMIFS('D1'!$C:$C,    'D1'!$A:$A, VS_YYYY,   'D1'!$B:$B,V_ProfitAndLoss!D$14)
    
    
    

  • 데이터 입력을 완료하면 손익계산서 보고서가 완성됩니다. 완성된 엑셀 파일을 저장합니다.

Step 4. 웹 화면으로 변환하기

• • • EPA 사이트 메인 화면으로 돌아가 좌측 [도구]에서 i-AUD Designer를 클릭 합니다.

    • 저장한 엑셀 파일을 마우스로 끌어 i-AUD Designer 도구 창 위에 놓습니다.

    • 엑셀 보고서가 웹 화면에 그대로 반영된 것을 확인할 수 있습니다.
      
      
      

    • 변환된 엑셀 화면이 웹 브라우저의 화면 크기에 맞게 자동으로 조정되도록 설정합니다.

    • 웹으로 변환된 보고서를 선택하고 우측 속성 창 > Docking 영역 Left, Right, Bottom에 체크 합니다.
      
      
      
      

    • Border에서 Line Type을 'None'으로 설정하면 디자이너 화면에서 보고서의 테두리가 표시되지 않도록 설정 할 수 있습니다

Step 5. 조회 조건 설정하기

• • • 연도별로 손익계산서를 웹에서 확인하기 위한 '년도' 조회 조건을 배치하고 설정해 보겠습니다.
    • 조회할 연도를 선택할 수 있도록 '기준연도' 라벨과 달력을 배치한 뒤, 클릭 했을 때 데이터를 갱신할 수 있도록 '조회' 버튼을 추가합니다.
      
      
    • 상단 UI Bot > Label을 클릭한 뒤 우측 속성 창 > Text 혹은 키보드 F2를 눌러 내용을 '기준연도'로 변경합니다.
      Style에서 라벨의 색상, 폰트 등을 변경할 수 있습니다.
      
      
      
      
      
    • 달력을 배치하겠습니다. 
    • UI Bot > Calendar > Year를 클릭하고 알맞은 위치에 배치합니다.
    • 이 때, 배치한 달력 컴포넌트의 'Name'을 엑셀에서 '이름정의'한 변수명과 동일하게 설정하면 달력에서 선택한 값이 조회 조건으로 사용됩니다.
      InitDate는 보고서를 처음 열었을 때 값을 설정할 수 있습니다.
      
      
      
      
      
    • 마지막으로 '조회' 버튼을 배치해 보겠습니다.
    • UI Bot > Button을 클릭하고 알맞은 위치에 배치합니다.
    • 라벨과 마찬가지로 버튼의 Text를 '조회'로 수정한 뒤, Style에서 서식을 변경합니다.
      이 때, BoxStyle을 활용하면 저장된 스타일을 빠르게 적용할 수 있습니다.
      
      
      
    • '조회' 버튼을 클릭 했을 때, 설정한 날짜 변수 값으로 데이터가 갱신되도록 이벤트를 설정해 보겠습니다.
    • 상단 Process Bot을 클릭해 Objects에서 'Button'을, Activities에서 'Refresh'를 더블 클릭합니다.
    • Refresh 모듈 상세에서 갱신할 컴포넌트 'MXGrid'를 선택하고 Button과 Refresh를 마우스로 끌어 연결합니다.
      (엑셀을 웹 화면에 끌어다 놓으면 MX-Grid 컴포넌트가 생성됩니다.)
      
      
      
    • 프로세스봇을 저장하고 닫습니다.
    • 보고서 설정이 완료되었습니다.

Step 6. 보고서 저장하기

• • • 완성된 보고서를 내 폴더에 저장합니다.
      
      
      
    • EPA 사이트 메인 화면 좌측 [메뉴] > [개인]을 선택합니다.
    • '돋보기' 버튼을 클릭해 보고서 목록을 새로 고침 하면 저장된 보고서를 확인할 수 있습니다.
    • 연도를 바꾸고 '조회' 버튼을 클릭하면 데이터가 갱신 되는 것을 확인할 수 있습니다.