본문으로 건너뛰기

10월 홉스 업데이트

· 약 6분
김우현

지난 한 달 동안 업데이트된 기능과 버그 수정에 대해서 소개 드립니다. 쿼리/워크플로우 디자인 개편, 테이블 개편, 위지윅, 컨테이너 등의 컴포넌트가 추가되었습니다.

기능 추가

위지윅 에디터 컴포넌트 추가

자유로운 서식의 텍스트를 입력하고 편집 할 수 있는 위지윅 에디터 컴포넌트가 추가 되었습니다. 자세한 기능은 위지윅 에디터 컴포넌트 문서를 참고하세요.

위지윅 에디터 컴포넌트

쿼리와 워크플로우 사이드바 디자인 개편

쿼리와 워크플로우 사이드바의 디자인이 개편되었습니다. 기존 사이드바에 있던 변수 입력 / 이벤트 핸들러 / 스탭 추가 등의 기능이 사이드바 왼쪽 상단으로 이동하였습니다.

변경된 쿼리 사이드바 디자인 쿼리

변경된 워크플로우 사이드바 디자인 워크플로우

현재 유저 정보 가져올 수 있는 기능 추가

현재 유저 정보를 쿼리의 입력값으로 활용할 수 있는 기능이 추가되었습니다.
쿼리에서 currentUser 변수를 통해 닉네임, 이메일, 사진 등의 정보를 가져올 수 있습니다.

현재 유저 정보

컨테이너 컴포넌트 추가

여러 개의 컴포넌트를 하나로 묶어서 관리 할 수 있는 컨테이너 컴포넌트가 추가되었습니다. 자세한 기능은 컨테이너 컴포넌트 문서를 참고하세요.

컨테이너 컴포넌트

되돌리기 기능 추가

편집한 내용을 되돌리는 기능이 추가되었습니다. Ctrl(CMD) + Z를 통해 편집한 내용을 되돌리거나
Ctrl(CMD) + Shift + Z를 통해 되돌린 내용을 다시 복구할 수 있습니다.
이 때 되돌리거나 복구한 값에 state의 값은 포함되지 않습니다.

페이지 순서 변경 기능 추가

드래그 앤 드롭을 활용하여 페이지 순서를 변경하는 기능이 추가되었습니다.

페이지 순서 변경

컴포넌트 숨기기 옵션 추가

컴포넌트 숨기기 옵션이 추가되었습니다. 코드를 통해 옵션을 제어할 수 있습니다.
옵션에 true 값이 할당된 경우 편집 시 반투명하게 보이며 배포된 페이지에서는 보이지 않게 됩니다.
현재 라디오 그룹, 체크박스 그룹을 제외한 모든 컴포넌트에서 이용 가능합니다.

컴포넌트 숨기기 옵션

템플릿 텍스트 폰트 크기 추가 제공

기존에 있던 제목 1, 2, 3보다 큰 사이즈인 큰 제목 1, 2, 3을 추가하였습니다.

템플릿 텍스트 폰트 크기

테이블 컬럼 추가 및 변경 방식 개편

테이블 액션만 추가/수정/삭제할 수 있었던 기존 방식에서
모든 컬럼에 컴포넌트를 추가하거나 컬럼의 정보를 추가/수정/삭제할 수 있도록 개편하였습니다.

테이블 개편

개선

  • 페이지 삭제 시 확인 모달 추가
  • 데이터 테이블 숫자 고정폭 글꼴 적용
  • 페이지 편집 버튼 UX 개선
  • 쿼리 크기 조정 값 유지
  • 파이 그래프 범례 추가
  • 모달 내의 자동 완성 창 위치 조정
  • 텍스트 필드 컴포넌트 유효성 검사가 사용자가 조작한 이후에 동작
  • 쿼리와 워크플로우가 자동 실행일 경우 내용이 수정될 때마다 쿼리가 실행되는 동작 제거
  • 옵션을 선택한 select에서 삭제하지 않고 옵션 목록을 확인 할 수 있도록 개선