[Kendo UI 설치] kendo UI 데모 버전 초기 설치 및 적용 방법 in Spring

---

kendo ui 에는 유료버전과 무료버전이 있는데

유로버전은 많은 기능은 다 제공하지만 30일 trial 이라는 한계가 있다.

자세한 사항은 아래 stackoverrun 의 링크 내용 참고

stackoverrun.com/ko/q/12436338

kendo-ui - kendo for jQuery는 (는) 무료로 사용할 수 있습니까?

하지만 kendo ui 무료버전은 git 으로 제공을 하지만.. 사용할 수 있는 부분에 한계가 있다.

무료버전은 아래 주소에서 다운로드를 받을 수 있다.

Kendo ui core

github.com/telerik/kendo-ui-core

telerik/kendo-ui-core

위 링크의 설명을 읽으면 설치가 쉽다

 

아래 설치하는 내용은 30일 trial 의 데모버전이다.

 

 

설치에 대한 사항은 아래 링크를 참고하면 될 것 같다.

docs.telerik.com/kendo-ui/intro/first-steps

First Steps with Your Kendo UI for jQuery Project Guide | Getting Started | Kendo UI for jQuery | Kendo UI for jQuery

 

1.  kendo ui demo 버전을 다운로드 받는다

 

 https://www.telerik.com/download/kendo-ui

Telerik Client Login

링크에 들어가서 간단한 인적사항작성(회원가입)을 해준다음에

아래 Download Now 를 누르고 받으면 된다.

약 99메가 정도의 zip 파일을 다운로드 받을 수 있다.

 

2. 압축을 풀고 난 이후 js, style 파일을 프로젝트 경로에 옮겨준다.

나와 같은 경우에는 이클립스를 사용하고 있기 때문에,

이클립스에 resource 라는 경로를 따로 만들고 난 후, 

거기에 파일을 drag and drop 을 해주었다.

 

나의 경우에는 webapp 밑으로 resources 를 만들어 주고 난 후에 옮겼다.

틀릴수도 잇지만, 원활한 실행을 위해서는 root 경로(처음에 설정한 프로젝트 경로)

에 옮기는 것이 좋다. 다만 root 경로는 대체적으로 webapp 아래 있는 경우가 많은 것으로 알고 있다

 

 

3. 그 다음에는 적용하고자 하는 jsp 나 html 파일에 아래 문구를 추가한다.

<link href="https://kendo.cdn.telerik.com/2020.3.915/styles/kendo.common.min.css" rel="stylesheet" />
<link href="https://kendo.cdn.telerik.com/2020.3.915/styles/kendo.default.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.3.915/js/kendo.all.min.js"></script>



// 넣어주어야 되는 링크/경로는 설치하는 kendo version 마다 다르기에 주의해야된다.
// kendo ui for jquery 버전이라 위의 링크를 해주었다
// professional 버전은 들어가는 링크가 다르니 주의

들어가는 링크의 경우에는 kendo ui 버전마다 다르니 설치시 참고할 것

docs.telerik.com/kendo-ui/intro/first-steps?_ga=2.61305900.1050869574.1603171301-424020064.1603171301

First Steps with Your Kendo UI for jQuery Project Guide | Getting Started | Kendo UI for jQuery | Kendo UI for jQuery

 

그러면 적용 완료가 되어 사용할 수 있다.