본문으로 건너뛰기

6월 5주 차 홉스 업데이트

· 약 4분
강효준

오랜만에 인사드립니다. 지난 한달동안 업데이트된 기능과 버그 수정에 대해서 소개 드립니다. SQL Server(MSSQL)과 멀티 셀렉트 컴포넌트가 추가 되었습니다. 그외에도 많은 기능 추가와 개선이 이뤄졌습니다!

기능 추가

이벤트 리스너

쿼리 혹은 워크플로우가 성공했을때/실패했을때 그 다음에 실행될 행동을 설정할 수 있습니다. 쿼리가 실행 완료되면 페이지를 이동하도록 설정해서 고객 데이터가 추가되고 자연스럽게 페이지를 이동하는 기능을 만들 수 있습니다. 혹은 쿼리가 실행에 성공하면 다시 다른 쿼리가 실행되도록 할 수 있는데, 이를 이용해 고객 목록에서 데이터를 삭제후 고객 목록을 가져오는 쿼리를 다시 실행해 바로 삭제된 데이터를 반영하는 등의 자연스러운 어드민 흐름을 만들어낼 수 있습니다.

event_listener

SQL Server

마이크로소프트에서 개발한 SQL Server(MSSQL)를 데이터 소스로 추가하였습니다. Azure SQL이나 SQL Server를 연결하여 홉스에서 사용할 수 있습니다. 마이크로소프트 제품을 적극적으로 사용하시는 조직이라면 SQL Server 데이터 소스를 연결하여 사용해보세요.

data source sql server

컴포넌트를 가릴 수 있는 프로퍼티 추가

이제 조건에 따라 컴포넌트가 보이지 않도록 설정할 수 있습니다.

button example

자바스크립트를 실행한 결과 값을 넣을 수 있기 때문에 컴포넌트의 값, 쿼리의 결과 등을 이용하여 컴포넌트를 보이게 만들거나 가릴 수 있습니다. 현재는 버튼, 텍스트 필드, 날짜, 날짜 범위, 셀렉트, 멀티 셀렉트 컴포넌트에 적용할 수 있습니다.

button hide property

텍스트 영역 컴포넌트 추가

텍스트를 입력할 수 있는 더 넓은 필드를 준비했습니다. 텍스트 필드보다 더 많은 텍스트의 입력이 필요하다면 텍스트 영역 컴포넌트를 이용하여 추가해보세요.

textarea component list textarea component view

멀티 셀렉트 영역 컴포넌트 추가

여러개의 아이템을 선택할 수 있는 셀렉트 컴포넌트를 추가했습니다. 옵션을 여러개 선택할 수 있습니다.

multiselect example

개선

테이블의 UI개선

테이블 컬럼의 크기와 테이블 전체 높이를 조정하여 테이블을 조금 더 쉽게 볼 수 있도록 개선했습니다.

그래프 누적 옵션 추가

막대를 누적으로 쌓아서 볼 수 있습니다.

multiselect example