웹시트(WebSheet)

안녕하세요. 웹시트 관리자 입니다.

저희 웹시트에서는 엑셀같은 기능중에서 피벗 기능을 제공해드리고 있습니다.

지금부터 어떻게 사용되는지 확인해보시조.

피벗 기능을 보시려면 저희 데모 사이트(블로그 왼쪽 상단에 접속 할 수 있는 주소가 있습니다.)에 재고 조회 메뉴로 이동해보시면 확인 하실 수 있습니다.

화면이 열리면 우선 조회를 해보겠습니다.

재고정보가 아이템별 창고별 수량이 표현되고 있는데요

오른쪽부분에 확인을 해보시면 Povit mode, Group rows, Group columns, Aggregates

Povit mode : 화면에 보여지는 모든 컬럼 리스트

Group rows : 그룹 처리하여 행으로 보여줘야 할 리스트

Group columns : 그룹 처리하여 컬럼으로 보여줘야 할 리스트

Aggregates : 피벗된 부분의 데이터를 표현할 컬럼과 집계 종류를 선택 할 수 있습니다.

이걸 창고정보를 피벗하여 조회해보도록 하겠습니다.

오른쪽 부분을 확인해보시면

Group rows에 아이템명

Group columns에 창고명

Aggregates에 sum(수량)
이렇게 처리되었는데요. 

데이터 부분을 확인해보시면 아이템을 그룹하여 행단위로 표현하고 있습니다.

창고의 경우 전에 창고1, 창고2 데이터가 있었는데 그룹 처리하여 헤더에 표현된것을 아실수 있습니다.

수량 부분은 아이템명과 각 창고에 맞는 위치에 보여지는 걸 확인 하실수 있습니다.

오른쪽 끝부분에 sum(수량)은 추가적인 정보라고 생각하시면 됩니다.

이와 같이 내가 원하는 조합의 정보를 Group rows, Group columns, Aggregates 항목을 조절하면 원하는 피벗의 구성을 하실수 있을거라 생각합니다.

고객님의 원하는 형태로 개발도 가능하니 원하는 내역을 말씀주시면 조율하도록 하겠습니다.

감사합니다.

안낭하세요. 웹시트 관리자 입니다.

저희 웹시트가 엑셀처럼 입력이 간편하다고 강조 하고 있는데요.

이번 글에서는 그리드 편집 기능에 대하여 설명하면서 얼마나 엑셀과 입력 방식이 비슷한지 알아보셨으면 합니다.

위 화면은 각 기업에서 이해를 돕기 위해서 데모사이트에 구현된 제품 관리 화면입니다.

해당 화면에서 데이터 부분을 보시면 노란색 배경색으로 이루어진 셀이 있고 그렇지 않은 셀이 있는데요.

노란색 배경부분이 수정가능한 셀이고 그 나머지는 수정 불가능한 셀입니다.

* 수정

한 셀을 선택해서 엔터를 누르시거나 마우스 더블 클릭을 해보시면 수정 화면이 뜨게 됩니다.

엑셀을 아시는 분이라면 누구나 어떤 상황인지 이해하실수 있을겁니다.

해당 셀을 수정하기 위한 상태입니다.

해당 상태에서 내용을 입력하고 마우스로 다른 위치에 셀을 클릭해보세요

수정을 한 후에는 왼쪽에 수정을 했다는 표시의 아이콘이 표현되고 오른쪽 수정한 부분에 수정된 내용이 표현됩니다.

사용자 입력이 엑셀과 비슷하다는 걸 아실수 있습니다. 물론 셀을 선택하고 바로 입력하더라도 같은 결과를 보실수 있습니다.

* 추가

우측 상단에 (+) 버튼을 클릭하면 아래쪽에 빈행을 확인 하실수 있습니다.

해당 데이터 왼쪽에는 + 아이콘이 표현되어 행이 추가 되었음을 확인 하실 수 있습니다.

행이 추가되면 편집방법을 이용하여 내용을 편집하여 저장 하실수 있습니다.

* 삭제

왼쪽의 이미지 처럼 삭제하고자 하는 대상을 체크박스에 체크 처리합니다.

이후 (-) 버튼을 클릭하면 아래 X표시가 되는데요. 삭제를 할 대상으로 표시됩니다.

이후 저장 버튼을 이용하여 저장을 하면 최종 삭제 처리 됩니다.

* 복사 붙여 넣기

위 이미지 처럼 복사할 대상을 마우스 클릭 후 이용하여 블록을 설정한 후 컨트롤 + C 키입력을 하여 내용을 복사합니다.

붙여넣기 할 위치에 셀위치를 옮기고 컨트롤 + V 키를 입력하여 붙여넣기를 합니다.

보시는 것과 같이 엑셀에서 데이터를 복사하여 다른 위치에 붙여넣기를 아무 간편하게 하실 수 있습니다.

데이터 왼쪽부분에 수정 한 행에 대하여 표시가 되어 수정했는지 여부를 바로 확인 하실 수 있습니다.

* 엑셀 복사 붙여 넣기

엑셀에서 복사 할 내용을 컨트롤 + C를 이용하여 복사합니다.

그리드에 붙여넣기 할 셀을 선택 후 컨트롤 + V를 이용하여 붙여넣기합니다.

위 이미지처럼 간단하게 엑셀에 있는 내용을 복사 붙여넣기 할 수 있습니다.

반대로 그리드에 있는 내용을 복사하여 엑셀에 붙여도기 또한 가능하여 그리드내용을 엑셀로 가져와

작업 한 후 다시 그리드로 복사붙여넣기하는 등의 응용이 가능합니다.

보기에는 별거 아닌거 같지만 게시판 형태로 된 등록 화면과 비교한다면 정말 편하게 작업이 가능하고 프로그래밍된 화면이여서 데이터 정합성에도 효율적입니다.

한번 여러분도 테스트 해보십시요.

테스트 URL은 왼쪽 상단에 링크가 있으니 참고 부탁드립니다.

감사합니다.

안녕하세요. 웹시트 관리자 입니다.

이번 글에서는 프로필 화면에 대하여 설명드리겠습니다.

프로필 화면은 로그인한 유저의 개인 정보 및 즐겨찾기 정보를 수정 할수 있는 화면입니다.

프로필 화면에서는 일반, 암호 즐겨찾기 이렇게 3가지 탭 메뉴를 제공하고 있습니다.

일반 탭의 경우 유저 정보를 확인 및 수정 가능합니다.

기본적으로 이름이나 이메일 같은 항목을 제공하지만 업체별로 요청되는 항목을 추가 시켜 드릴 수 있습니다.

암호 탭에서는 로그인 사용자의 비밀번호를 변경 하실 수 있습니다.

즐겨찾기 탭은 기존에 설명드린 즐겨찾기 기능과 관련이 있는데요.

이곳에서 조회 및 삭제, 순서 조정을 할 수 있습니다.

프로필 화면에 필요로 하는 기능은 얼마든지 추가가 가능합니다.

감사합니다.