UPDATE

맞춤형 App을 새롭게 하는 오픈 소스 JavaScript 라이브러리 소개

Claris FileMaker 19 릴리즈에는 Claris 커뮤니티에서 가장 많이 요청된 기능 중 하나인 JavaScript를 맞춤형 App에 직접 넣는 기능이 추가되었습니다.

기존에 있는 JavaScript 라이브러리의 패키지 또는 사용자 설정 코드를 사용하여 데이터 시각화, 지도, 캘린더 등으로 이제 여러분의 App을 한층 업그레이드할 수 있습니다.

유용한 다섯 가지 JavaScript 라이브러리를 소개합니다.

1. Kendo UI: 사용자 인터페이스 향상시키기

사용자 인터페이스(UI) 또는 전반적인 사용자 경험(UX)까지 염두에 두고 App을 제작하고 있습니까? 사용자가 App으로 어떤 기능을 수행할지 계획하는 일에는 많은 시간을 들이지만, 시간이 지날수록 UI를 간과하기 쉽습니다. 이때 JavaScript를 사용하면 간단하게 디자인을 변경할 수 있습니다.

기존 디자인에 고급 UI 구성 요소를 손쉽게 추가하거나 Kendo UI의 전체 라이브러리를 활용하십시오. 간단하게 설정 가능한 React 구성 요소를 고급 데이터 그리드 테이블, 차트, 스프레드시트, 스케줄러 등과 통합하여 App에 기능을 빠르게 추가할 수 있습니다.

이를 통해 사용자를 위한 매력적인 UI를 디자인하고 App의 표현과 상호작용을 개선할 수 있습니다.

2. Quill: 리치 텍스트 편집기 추가하기

여러분이 온라인에 사용자 의견을 작성하거나, 대화창을 사용하거나, 혹은 게시글에 댓글을 남길 때 보통 텍스트 편집기 형식을 사용했을 것입니다. 대부분의 최근 웹 응용 프로그램은 디자인 내부에 리치 텍스트 편집기가 포함되어 있습니다. 리치 텍스트 편집기는 리치 텍스트를 편집하거나 사용자가 이미지, 링크, 오디오, 게다가 비디오까지 업로드할 수 있는 인터페이스를 제공합니다.

예를 들어 방사선 전문의는 환자의 골절에 대한 텍스트 기반 리포트를 제출하고 X선의 시각적 이미지를 App에 업로드할 수 있습니다.

App에 리치 텍스트 편집기를 통합할 손쉬운 방법을 찾고 있다면 Quill을 확인해 보십시오. Quill은 최신 웹용으로 제작된 무료 오픈 소스 WYSIWYG 편집기입니다. 그리고 필요에 맞게 완전히 커스터마이즈하십시오. Slack, LinkedIn 및 Salesforce와 같은 회사들은 대부분의 제품에서 Quill을 채택하고 있습니다.

3. FullCalendar: 커스터마이즈한 캘린더로 UI 개선하기

대부분의 비즈니스에서 고객을 위한 App 또는 내부 App에서 캘린더를 사용합니다. 캘린더는 App UI의 기본 요소로써, 고객이 스케줄을 관리하는 것부터 이벤트 로깅, 세부 계획 추적, 또는 긴급한 작업 표시에 이르기까지 다양한 작업을 수행합니다.

JavaScript 캘린더 구성 요소는 대부분의 최신 앱에서 필수적입니다. 이는 기존 App에서 캘린더 UI를 바로 새로 구현하거나 또는 일부 새로운 기능을 추가할 수 있는 멋진 기회를 제공할 수도 있습니다.

FullCalendar와 같은 오픈 소스 JavaScript 라이브러리에서 매력적인 레이아웃과 기능을 쉽게 사용할 수 있습니다. 100개 이상의 전체 크기 캘린더에서 원하는 것을 골라, 드래그 앤 드롭과 커스터마이징으로 간편하게 UI를 더욱 매력적으로 만들 수 있습니다.

4. React Gantt: 프로젝트 관리를 위한 Gantt 차트 추가하기

Gantt 차트는 조직의 투명성을 위해 프로젝트 로드맵과 타임라인을 표시합니다. Gantt 차트는 커뮤니케이션 개선, 프로젝트 예측, 또는 결과 추적을 편리하게 만들어 줍니다. 사용자가 작업 일정을 선택하고, 세부 내용을 추가하고, 프로젝트 계획을 시각적으로 제공하는 것이 간단해집니다.

그동안 Gantt 차트는 준비와 관리가 복잡하다는 단점이 있었지만, 최근 몇 년간 상당한 발전을 이루었습니다.

BryntumGantt 는 알맞게 만들어진 기능과 세심한 사용자 경험으로 가득 찬 라이브러리를 제공합니다. 타임라인 요소를 커스터마이즈한 템플릿으로 렌더링할 수도 있습니다. 중요 경로, PDF 내보내기, 문서 가져오기, 리소스 할당, 제한사항을 비롯한 많은 기능은 일부 코드를 복사하여 붙여넣기만 하면 손쉽게 사용할 수 있습니다.

5. Toast UI: 이미지 편집기 통합하기

여러분은 이렇게 생각할 수도 있습니다. "맞춤형 App에 이미지 편집기가 대체 왜 필요하지?" 하지만 놀랍게도 이미지 편집기는 은행, 학교, 의료 기관과 같은 전문 기관에 필요한 아주 중요한 기능입니다.

맞춤형 App을 통해 환자의 X선을 업로드했던 방사선 전문의의 예를 다시 들어보겠습니다. App은 Claris Connect를 통해 병원의 환자 정보 시스템에 안전하게 연결됩니다. 여러분도 예상하시다시피 X선 파일은 원본 형태가 더 큽니다. 따라서 방사선 전문의는 이미지를 자르고 부상 부위에 대해 더 정확히 표시하기 위해 골절된 부분을 확대하고 싶을 것입니다.

Toast UI와 같이, 완전한 기능을 갖춘 사진 이미지 편집기가 있는 오픈 소스 JavaScript 라이브러리는 이를 쉽게 실행할 수 있는 일련의 강력한 기능을 제공합니다. 자르기, 회전, 뒤집기, 필터 추가 등의 기본적인 이미지 조작을 가능하게 만들어 줍니다.

잘 읽어보셨나요? 이것이 Claris가 선별한 가장 유용한 다섯 가지 오픈 소스 JavaScript 라이브러리입니다. 물론 이 밖에도 기존 맞춤형 App을 향상시킬 수 있는 수많은 무료 및 유료 옵션이 있습니다. 이러한 놀라운 구성 요소들로부터 여러분이 영감을 얻기를 바랍니다.

이제 Claris FileMaker 19에서 제작된 맞춤형 App은 끊임없이 발전하고 성장할 수 있습니다. 또한 최신 릴리즈는 Core ML 기능, AI와 결합된 Siri 단축어, 근거리 무선통신(NFC) 등이 포함되어 있습니다.

여러분의 맞춤형 App을 향상시키거나 새로운 App을 제작하고 싶으신가요? 무료 체험판을 다운로드하여 직접 경험해보세요.