Kendo UI [5] Toolbar

Toolbar 예제 jQuery 기반의 환경에서 구성할 수 있는 Kendo UI 중 Toolbar에 대해 알아보도록 하겠다. telerik 사에서 제공하는 기본 예제들은 다음의 URL을 통해 확인할 수 있다. https://demos.telerik.com/kendo-ui/toolbar/index Toolbar 예제 거의 왠만한 사용법은 공식 홈페이지의 demo, 그리고 공식 docs를 번역하여 확인하면 능숙하게 사용할 수 있다. telerik 사에서 다른 것은 몰라도 예제 만큼은 정말 풍부하게 잘 구현해놓았기 때문이다. 그렇기에 필자는 그 중에서도, 특히나 자주 사용될 것 같은 예제들에 대한 key point 만을 테스트하며 작성해보도록 하겠다. 1. Toolbar 영역 생성 다음과 같이 Kendo UI..

• format_list_bulleted JavaScript/Kendo UI
• · 2021. 8. 31.
• textsms

Kendo UI [4] DropDownList API

Kendo UI DropDownList API Kendo UI를 이용한 dropDownList를 control 할 수 있는 API 기능에 대해 알아보도록 하겠다. 필자가 느끼기에 API 라기에는 조금 애매한 듯 한데... telerik의 공식 docs에서 API라고 설명하니 그렇다고 하자. 1. API Function (상태 변경 : 읽기 전용, 비활성화, 활성화) 이번 게시물은 Kendo UI [3] DropDownList 게시물의 연장선으로 보면 되는 게시물이다. 그러므로 Kendo UI [3] DropDownList 게시물에서 사용한 소스코드를 재활용하도록 하겠다. 기존의 소스를 다음과 같이 수정하도록 하자. API Functions 읽기전용 비활성화 활성화 Example Kendo UI를 통하여 ..

• format_list_bulleted JavaScript/Kendo UI
• · 2021. 8. 31.
• textsms

Kendo UI [3] DropDownList

DropDownList 예제 jQuery 기반의 환경에서 구성할 수 있는 Kendo UI 중 DropDownList에 대해 알아보도록 하겠다. telerik 사에서 제공하는 기본 예제들은 다음의 URL을 통해 확인할 수 있다. https://demos.telerik.com/kendo-ui/dropdownlist/index DropDownList Custom 예제 거의 왠만한 사용법은 공식 홈페이지의 demo, 그리고 공식 docs를 번역하여 확인하면 능숙하게 사용할 수 있다. telerik 사에서 다른 것은 몰라도 예제 만큼은 정말 풍부하게 잘 구현해놓았기 때문이다. 그렇기에 필자는 그 중에서도, 특히나 자주 사용될 것 같은 예제들에 대한 key point 만을 테스트하며 작성해보도록 하겠다. 1. Te..

• format_list_bulleted JavaScript/Kendo UI
• · 2021. 8. 31.
• textsms

JavaScript 변수 선언 방식(var, let, const)

JavaScript에서의 변수 선언 java에서는 변수를 선언함에 있어, 해당 변수에 대하여 형태를 지정해줘야했다. 예를 들자면 다음과 같이 말이다. 문자열 / String test = "test"; 정수형 / int test = 0; 실수형 / double test = 0.2; boolean형 / boolean test = true; 그러나 기존의 JavaScript에서는 [ var ] -라는 형식으로, 혹은 생략함으로써 변수를 선언할 수 있었다. 다음과 같이 말이다. var test = "test"; var test = 0; var test = 0.2; var test = true; JavaScript의 ES 버전이란? JavaScript에서의 변수 선언 방식을 확인하기 전, JavaScript의 E..

• format_list_bulleted JavaScript/Default
• · 2021. 8. 31.
• textsms

easy rules 사용 [9] MVEL Rule 응용(method 사용)

MVEL Rule 환경 설정 MVEL Rule을 이용하여 easy rules 응용을 진행해보겠다. 우선 easy rules 및 MVEL Rule을 사용하기 위한 maven 추가를 진행하겠다. org.jeasy easy-rules-core 4.1.0 org.mvel mvel2 2.4.12.Final MVEL Rule 사용을 위한 component를 생성하도록 하자. easy rules 사용 [3] MVEL Rule 게시물의 'MVELRule을 이용한 규칙 생성에 필요한 Component' -를 참고하면 된다. 다음의 class 파일들을 적당한 위치에 놔두도록 하자. MVELAction.java MVELCondition.java MVELRule.java MVEL Rule 응용 방식 이전 포스팅에서 필자가 M..

• format_list_bulleted Java/easy rules
• · 2021. 8. 30.
• textsms

Kendo UI [2] Grid

Grid 예제 jQuery 기반의 환경에서 구성할 수 있는 Kendo UI 중 Grid에 대해 알아보도록 하겠다. telerik 사에서 제공하는 기본 예제들은 다음의 URL을 통해 확인할 수 있다. https://demos.telerik.com/kendo-ui/grid/index Grid Custom 예제 거의 왠만한 사용법은 공식 홈페이지의 demo, 그리고 공식 docs를 번역하여 확인하면 능숙하게 사용할 수 있다. telerik 사에서 다른 것은 몰라도 예제 만큼은 정말 풍부하게 잘 구현해놓았기 때문이다. 그렇기에 필자는 그 중에서도, 특히나 자주 사용될 것 같은 예제들에 대한 key point 만을 테스트하며 작성해보도록 하겠다. 1. Test Data 및 Grid 영역 생성 grid에 들어가게될..

• format_list_bulleted JavaScript/Kendo UI
• · 2021. 8. 24.
• textsms

Kendo UI [1]

Kendo UI 소개 Kendo UI는 telerik 사에서 만든 library의 하나이다. Kendo UI는 jQuery 및 Angular, React, Vue 언어를 사용하는 환경에서 사용할 수 있으며 공식 docs에서는 이렇게 소개하고 있다. Kendo UI는 대화형 고성능 웹 사이트 및 애플리케이션을 구축하기 위한 포괄적인 HTML5 사용자 인터페이스 프레임워크입니다. 이 제품에는 70개 이상의 UI 위젯 라이브러리, 풍부한 데이터 시각화 가젯, 클라이언트측 데이터 원본 및 내장 MVVM(Model-View-ViewModel) 라이브러리가 함께 제공됩니다. jQuery용 Kendo UI는 Angular를 제공합니다.JS와 Bootstrap 통합은 프로젝트 요구 사항에 따라 선택할 수 있는 여러 제..

• format_list_bulleted JavaScript/Kendo UI
• · 2021. 8. 24.
• textsms

JAVA 현재 일자 파악 / Data

Data 함수 java 기본 내장 함수이며, java.util.Data를 import 하여 사용한다. SimpleDateFormat 함수 java 기본 내장 함수이며, java.text.SimpleDateFormat를 import 하여 사용한다. 현재 날짜 구하기 Data 함수와 SimpleDateFormat 함수를 이용하여 다음과 같이 사용한다. Date date = new Date(); SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy년 MM월 dd일"); // yyyy-MM-dd HH:mm:ss String dateReal = simpleDateFormat.format(date); System.out.println(dateReal); 출..

• format_list_bulleted Java/Default
• · 2021. 8. 23.
• textsms

JAVA 조건문 / if... else... else if...

조건문 조건문이란, 말 그대로 조건을 표현하는 문장이라고 생각하면 된다. 쉽게 생각해보자. 당신은 현재 홍대입구역에 위치하고 있다. 그러나 약속 장소가 강남역이라면 어떻게 할 것인가? 선호하는 교통 수단에 따라 크게 세 가지로 나누어 보겠다. 버스를 선호한다면 버스를 이용하여 이동하라 택시를 선호한다면 택시를 이용하여 이동하라 지하철을 선호한다면 지하철을 이용하여 이동하라 정말 간단하게 생각한다면 위의 예제가 조건문(if)이다. 개발에 사용되는 언어에 따라 그 사용 방식이 달라질 수는 있겠지만, 기본적으로 '조건을 표현하는 문장' 이라는 전제조건 자체는 변함이 없다. 기본 개념 if 비즈니스 로직의 분기점을 만들 수 있는 조건문 if 라는 단어의 뜻 그대로, '만약 ~~ 한다면' 이라는 뜻으로 사용하면 ..

• format_list_bulleted Java/Default
• · 2021. 8. 23.
• textsms

easy rules 사용 [8] jeasy API(Controller 추가 있음) 예시

예시 [1] 단일 조건 이전에 작성한 easy rules 사용 [1] 게시물의 예시를 작성해보겠다. 메인이 되는 class를 다음과 같이 수정하겠다. 이번 예시에서는 다른 controller의 method를 가져다 쓰는 테스트를 진행하기에, main method 상단에 test method를 생성하도록 하겠다. 규칙을 정의하는 controller를 import 하는 것도 잊지말자. import org.jeasy.rules.api.Facts; import org.jeasy.rules.api.Rules; import org.jeasy.rules.api.RulesEngine; import org.jeasy.rules.core.DefaultRulesEngine; import easyRulesTest.contro..

• format_list_bulleted Java/easy rules
• · 2021. 8. 23.
• textsms