블로그 & Tips 1 페이지

본문 바로가기
로그인

로그인후 이용해주세요

아직 회원이 아니신가요?

회원가입
로그인
GrapeCity 카카오톡 채널 추가
그레이프시티 +
카카오톡 채널 추가를 통해 GrapeCity의 최신 정보, 이벤트, 세미나 정보를 빠르게 받아 보실수 있습니다
홈 링크 페이지북 링크 유튜브 링크

Wijmo

블로그 & Tips

게시물 검색
2022-04-15
Vue Datagrid 컴포넌트를 Vue Composition API와 함께 사용하는 방법 Vue 3 및 Vue의 Composition API가 출시되었을 때 API의 새로운 기능을 이용하고 코드 구성, 가독성, 재사용 가능성을 개선하여 개발자가 큰 규모의 응용 프로그램을 보다 효율적으로 관리할 수 있도록 하는 방법을 발표했습니다.이 문서에서는 Composition API를 Wijmo의 컴포넌트 라이브러리와 함께 사용하여 Vue Datagrid를... 자세히 보기
2021-11-29
데이터 그리드를 사용하여 브라우저에 데이터 표시하기 다음 시나리오에 대해 생각해 보겠습니다. 여러분의 회사에서는 보고서에 재무 추세 분석 내용을 표시해야 합니다. 여러 제품 간 수량 비교를 표시하거나 특정 직원에게 지급되는 급여를 나열해야 할 수 있습니다. 이러한 각 시나리오에서 데이터를 표시하려면 표 또는 표와 같은 구조가 필요합니다.HTML 표 사용은 표를 구성하고 표시하는 가장 쉬운 방법입니다. 그러나... 자세히 보기
2021-11-29
웹 애플리케이션을 위한 최고의 Vue 데이터 그리드, FlexGrid의 주요 기능 왜 데이터 그리드인가? 여러분이 개발자가 아니더라도 데이터 그리드의 패러다임에 친숙할 것입니다. 데이터 그리드는 최대한 많은 데이터를 효율적으로 받아들이고 이해하도록 하는 본능을 자극합니다.데이터 그리드의 유용성과 보편성은 데이터 그리드가 지금까지 널리 퍼질 수 있도록 해주었지만, 그렇다고 발전이 없는 것은 아닙니다. 디지털 시대가 도래함에 따라 ... 자세히 보기
2021-11-29
React 데이터 그리드와 데이터 표 간의 차이점과 React 데이터 그리드 및 데이터 표가 필요한 이유 대부분의 프론트엔드 개발자는 데이터 기반 애플리케이션 프로젝트를 새로 시작하는 시나리오에 익숙합니다. 누구나 디자인은 최대한 단순하고 직관적이어야 한다고 생각합니다. 대표적인 예로 두세 개의 열과 행으로 구성된 간단한 표를 들 수 있습니다. 하지만 간단한 표만으로 충분하지 않다는 것은 분명합니다. 관련자에게는 페이징 및 필터링과 같은 더 많은 요구 사항이 ... 자세히 보기
2021-11-29
웹 애플리케이션을 위한 최고의 Angular 데이터 그리드, FlexGrid의 주요 기능 Google에서 개발한 Angular는 가장 잘 알려지고 널리 사용되는 프론트엔드 웹 프레임워크 중 하나가 되었습니다. AngularJS가 10년 넘게, Angular가 5년 넘게 사용되는 동안 데이터 그리드는 UI가 등장한 이후 가장 일반적으로 사용되는 시각적 소프트웨어 요소 중 하나가 되었습니다.Angular가 널리 사용되고 데이터 그리드가 일반적으로 ... 자세히 보기
2021-08-18
웹 응용 프로그램을 위한 최고의 React DataGrid 릴리스 이후 React는 가장 눈에 띄는 프론트엔드 웹 프레임워크 중 하나로 떠올랐습니다. React는 지난 몇 년 동안 두각을 나타내는 동안 UI의 출현 이후 DataGrid는 가장 보편적인 시각적 소프트웨어 요소 중 하나가 되었습니다.React의 인기와 DataGrid 상품은 애플리케이션을 빌드할 때 선택할 수 있는 옵션이 너무 많다는 것을 의미합니다.... 자세히 보기
2021-06-10
Wijmo의 Angular 12 지원 GrapeCity 팀에서는 Wijmo의 Angular 12 지원을 발표하게 되어 정말 기쁘게 생각합니다! Wijmo는 버전 1(AngularJS)부터 Angular를 지원해 왔습니다. GrapeCity는 Angular 개발자에게 엔터프라이즈급 응용 프로그램 빌드를 위한 강력한 도구 집합을 제공하는 데 최선을 다하고 있습니다. 바로 지금 Wijmo에서 Ang... 자세히 보기
2021-06-08
Promise 기반 대화 상자 결과를 사용하여 모달 대화 상자 함수를 Angular로 구현하기 웹 응용 프로그램의 모달 대화 상자웹 응용프로그램에서 사용할 모달 대화 상자의 스타일을 선택할 때 확인 함수와 같이 기본 JavaScript 대화 상자처럼 사용하기 쉬운 대화 상자를 원합니다.if(confirm('Do you agree?')) { do_it(); }JavaScript의 기본 alert/confirm/prompt ... 자세히 보기
2021-04-06
React에서 과도한 리(Re)-렌더링은 이제 그만 광범위한 React 응용 프로그램에서 과도하거나 불필요한 렌더링은 일반적입니다. 이 문서에서는 React 응용 프로그램에서 과도한 리(Re)-렌더링 사례를 다루고 이를 방지할 수 있는 다양한 방법을 제공하고자 합니다. React 기초 사항과 React Hooks에 대한 기본적인 이해가 있는 독자를 대상으로 작성되었습니다.일반적으로 React는 사용자 인터페... 자세히 보기
2021-04-06
Angular Ivy의 빌드 시간, 번들 크기 및 기타 개선 사항 Angular 9 출시와 함께 Angular의 새로운 컴파일러인 Ivy가 출시되었습니다. 처음에는 Angular 8과 함께 출시되었지만, 버전 9이 출시되면서 새로운 Angular 응용 프로그램의 기본 컴파일러가 되었습니다. Ivy는 Angular 4 출시 당시부터 Angular의 기본 컴파일러였던 View Engine 컴파일러를 대체합니다. 그러나 Ang... 자세히 보기
2021-04-06
[리액트 vs 위즈모] React 스마트 데이터 테이블 생성하기 테이블은 웹페이지에서 데이터를 표시하는 가장 쉬운 방법의 하나입니다. 플레인 HTML 테이블은 데이터 프레젠테이션의 기본적인 필요 요건을 충족할 수 있어도, 정교한 데이터를 입력하는 것은 어렵습니다.이제는 응용 프로그램 개발 커리어에 있어 중요한 결정을 내릴 때입니다. 프로젝트에 대한 집중력을 잃을 수 있는 위험이 있어도 구식 HTML 테이블에서 코딩 개선... 자세히 보기
2021-02-25
계산된 필드(calculated Fields) 행 추가하기 Wijmo 2020 V3 버전의 새로운 기능 중 하나인 계산된 필드(calculated Fields)는 CollectionView를 이용하여 각 행에 대한 정보를 계산한 새로운 열을 만들 수 있게 해줍니다. 이를 통해, 총합과 같은 자료에 대한 서머리(요약) 행/열을 만들어 더욱 유의미한 데이버 분석을 할 수 있습니다. 해당 포스팅에서는 PureJS와 Wi... 자세히 보기
2021-02-04
FlexGrid에서 터치 스크롤 바운싱 방지 Wijmo의 FlexGrid는 모바일 환경에서 터치 우선을 고려하여 개발되었습니다. 그렇기 때문에 대부분의 터치 장치에서 기본적으로 지원하는 아래의 두 가지 멋진 기능을 동일하게 제공합니다.관성 스크롤링 : 일부 콘텐츠를 플릭하면 손가락이 화면을 떠난 후에도 잠시 스크롤 됩니다.바운스 / 오버 스크롤 : 문서의 맨 위 / 왼쪽까지 스크롤 하면 문서 가장자리... 자세히 보기
2021-02-04
React 데이터 그리드 - 완벽한 가이드 대부분의 프론트 엔드 개발자는 데이터 기반 응용 프로그램 프로젝트가 새로 시작되는 시나리오에 익숙합니다. 누구나 디자인은 최대한 단순하고 직관적이어야 한다고 생각합니다. 대표적인 예로 두세 개의 열과 많은 행으로 구성된 간단한 표를 들 수 있습니다. 하지만 기능이 최소화된 응용 프로그램을 출시하기 전에도 간단한 표만으로 충분하지 않다는 것은 분명합니다. 이... 자세히 보기
2021-01-27
JavaScript 데이터 그리드에 계산된 필드 만들기 데이터 그리드에 정보를 표시할 때 데이터베이스에 있는 값을 기반으로 계산되지만 데이터베이스에는 저장되지 않는 값을 표시하고 싶을 때가 있을 수 있습니다. Wijmo 2020 v3 릴리스에서는 이러한 작업을 할 수 있게 해주는 새 속성인 calculatedFields를 Wijmo의 CollectionView에 추가했습니다. 계산된 필드는 CollectionV... 자세히 보기
그레이프시티 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

태그

인기글

더보기
  • 인기 게시물이 없습니다.

최신글

더보기

셀럽

최근 7일 종합
그레이프시티 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@grapecity.com | 전화 : 1670-0583 | 경기도 안양시 동안구 시민대로 230, B-703(관양동, 아크로타워) 그레이프시티(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 Copyright ⓒ 2022 GrapeCity inc.