OPEN SOURCE

CKEditor4를 사용하는 작업자라면 기본적인 설정들을 활용해서 원하는 CKEditor의 형태를 구성해 나갈것입니다. 대표적인 설정으로는 UI 색상, 언어, 크기, 사용 기능의 배치 등등이 있습니다. 다양한 설정들 중, 사용자 인터페이스의 UI 색상 및 언어를 설정할 수 있는 방법에 대해서 알아보겠습니다.     사용자 인터페이스 UI 색상 설정  개발자는 편집기 UI 색상을 쉽게 조정하여 CKEditor 4가 내장된 웹사이트나 애플리케이션의 모양과 느낌에 맞게 만들 수 있습니다. 해당 기능은 소위 "카멜레온" 기능과 호환되는 에디터 스킨에만 사용할 수 있습니다. CKSource에서 만든 스킨, 즉 Moono-Lisa, Moono, Kama Skin은 이미 이를 지원합니다. 사용자 지정 스킨을 사용하는..

많은 웹 개발자들이 스프링을 활용해서 웹 애플리케이션을 개발합니다. 물론 다른 프레임워크 또는 다른 언어들을 이용해서도 웹 애플리케이션을 만듭니다. 필자는 스프링 프레임워크를 이용해서 웹 애플리케이션을 개발합니다. 그래서 여러 플랫폼 개발을 진행할 때 게시판 구성에 필요한 에디터를 보편적으로 많이들 사용하는 에디터를 선정해 구성합니다. 그 중, CKEditor를 에디터로 선정하여 플랫폼에서 사용할 수 있도록 합니다. 물론 다양한 에디터가 존재하므로 그 중 하나를 선택하여 플랫폼을 구성할 수 있을것입니다. 오늘은 스프링 프레임워크를 활용해 CKEditor4 에디터를 적용해보도록 하겠습니다.     CKEditor4 Builder 사용하기 1.  CKEditor4 Builder 접속하기CKEditor4 Bu..

CKEditor는 웹 애플리케이션 개발을 할 때 게시판 CRUD 개발의 내용을 입력 할 때 에디터로 활용할 수 있다. 티스토리 블로그에서 사용하고 있는 에디터, 네이버 스마트 에디터 등등 다양한 플랫폼에서 제공하는 에디터처럼 CKEditor도 내가 원하는 텍스트를 입력하고 크기를 키우고 색상도 설정할 수 있고 강조, 정렬, 표, 이모티콘, 링크, 이미지 추가 등등과 같은 기능을 사용할 수 있다. 다양한 에디터처럼 많은 기능을 제공하고 있고 무료 OPEN SOURCE로 배포하고 있는 CKEditor에 대해서 알아보자.     CKEditor란? CKEditor는 웹 기반의 WYSIWYG(What You See Is What You Get) 텍스트 편집기로, 사용자가 HTML 문서를 쉽게 작성하고 편집할 수..

풀캘린더(FullCalendar) 속성 - 6     FullCalendar JS를 활용하다 보면 굉장히 다양한 속성과 이벤트를 볼 수 있다. 여러 속성들이 어떤 특징들을 가지고 있는지, 풀캘린더가 가지고 있는 이벤트에는 어떤 것들이 있으며 해당 이벤트는 어떤 동작들을 포함하고 있는지 등등에 대해서 잘 모를 때가 많다. FullCalendar JS 공식 홈페이지에서 제공하는 Documents 파일을 보긴 하지만 Docs 문서들을 확인하는 게 아직 익숙지 않은 사람은 문서 보는 방법조차 어려울 수 있다. 그래서 FullCalendar JS에서 사용할 수 있는 속성들을 하나식 살펴보고자 한다. 물론 100% 모든 속성들을 전부 보면 좋겠지만, 가장 중요한 속성들 위주로 확인해 보고 그 외에 속성들은 직접 D..

풀캘린더(FullCalendar) 속성 - 4     FullCalendar JS를 활용하다 보면 굉장히 다양한 속성과 이벤트를 볼 수 있다. 여러 속성들이 어떤 특징들을 가지고 있는지, 풀캘린더가 가지고 있는 이벤트에는 어떤 것들이 있으며 해당 이벤트는 어떤 동작들을 포함하고 있는지 등등에 대해서 잘 모를 때가 많다. FullCalendar JS 공식 홈페이지에서 제공하는 Documents 파일을 보긴 하지만 Docs 문서들을 확인하는 게 아직 익숙지 않은 사람은 문서 보는 방법조차 어려울 수 있다. 그래서 FullCalendar JS에서 사용할 수 있는 속성들을 하나식 살펴보고자 한다. 물론 100% 모든 속성들을 전부 보면 좋겠지만, 가장 중요한 속성들 위주로 확인해 보고 그 외에 속성들은 직접 D..

풀캘린더(FullCalendar) 속성 - 3     FullCalendar JS를 활용하다 보면 굉장히 다양한 속성과 이벤트를 볼 수 있다. 여러 속성들이 어떤 특징들을 가지고 있는지, 풀캘린더가 가지고 있는 이벤트에는 어떤 것들이 있으며 해당 이벤트는 어떤 동작들을 포함하고 있는지 등등에 대해서 잘 모를 때가 많다. FullCalendar JS 공식 홈페이지에서 제공하는 Documents 파일을 보긴 하지만 Docs 문서들을 확인하는 게 아직 익숙지 않은 사람은 문서 보는 방법조차 어려울 수 있다. 그래서 FullCalendar JS에서 사용할 수 있는 속성들을 하나식 살펴보고자 한다. 물론 100% 모든 속성들을 전부 보면 좋겠지만, 가장 중요한 속성들 위주로 확인해 보고 그 외에 속성들은 직접 D..

풀캘린더(FullCalendar) 속성 - 2    FullCalendar JS를 활용하다 보면 굉장히 다양한 속성과 이벤트를 볼 수 있다. 여러 속성들이 어떤 특징들을 가지고 있는지, 풀캘린더가 가지고 있는 이벤트에는 어떤 것들이 있으며 해당 이벤트는 어떤 동작들을 포함하고 있는지 등등에 대해서 잘 모를 때가 많다. FullCalendar JS 공식 홈페이지에서 제공하는 Documents 파일을 보긴 하지만 Docs 문서들을 확인하는 게 아직 익숙지 않은 사람은 문서 보는 방법조차 어려울 수 있다. 그래서 FullCalendar JS에서 사용할 수 있는 속성들을 하나식 살펴보고자 한다. 물론 100% 모든 속성들을 전부 보면 좋겠지만, 가장 중요한 속성들 위주로 확인해 보고 그 외에 속성들은 직접 Do..

풀캘린더(FullCalendar) 속성 - 1     FullCalendar JS를 활용하다 보면 굉장히 다양한 속성과 이벤트를 볼 수 있다. 여러 속성들이 어떤 특징들을 가지고 있는지, 풀캘린더가 가지고 있는 이벤트에는 어떤 것들이 있으며 해당 이벤트는 어떤 동작들을 포함하고 있는지 등등에 대해서 잘 모를 때가 많다. FullCalendar JS 공식 홈페이지에서 제공하는 Documents 파일을 보긴 하지만 Docs 문서들을 확인하는 게 아직 익숙지 않은 사람은 문서 보는 방법조차 어려울 수 있다. 그래서 FullCalendar JS에서 사용할 수 있는 속성들을 하나식 살펴보고자 한다. 물론 100% 모든 속성들을 전부 보면 좋겠지만, 가장 중요한 속성들 위주로 확인해 보고 그 외에 속성들은 직접 D..

풀캘린더(FullCalendar) JS를 이용하여 캘린더 만들기     자바스크립트 기반의 오픈소스 FullCalendar는 다양한 시작을 제공합니다. ScriptTag, ES6 Build, TypeScript, React Connector(Next 지원), Vue Connector(Next 지원), Angular Connector 등 다양한 시작을 지원하지만 본 작성자가 소개할 방법은 스크립트 태그로 시작하는 방법을 제공하고자 합니다.     개발 환경IDE ToolSTS 3.9.15(Eclipse 4.16)SpringFramework5.3.25JDK1.8Apache-Tomcat8.5FullCalendar JSfullcalendar-6.1.14ORMMybatisDatabaseOracle Database..

FullCalendar란?FullCalendar JS는 'The Most Popular Javascript Calendar', 자바스크립트 기반 오픈소스 라이브러리로 일정관리 기능을 구현할 때 많이들 이용하게되는 라이브러리이다. FullCalendar JS가 없었다면 Calendar 자체를 Date객체 정보를 이용해서 직접 구현하고 각 날짜별 데이터를 핸들링해서 일정을 등록/수정/삭제 및 관리 해야할 것 입니다.FullCalendar JS는 그런 불편함들의 needs를 충분히 커버하고 있을만큼 기능적으로도 프로세스적으로도 잘 구성되어 있다고 생각된다. FullCalendar JS 라이브러리를 등록 후, 관련 HTML코드와 스크립트 구문 몇줄만 등록하면 예쁘고 잘 만들어진 달력이 출력된다.날짜를 클릭하는 ..

텔레그램 BotFather 봇을 통해 @StudyJ001Bot을 만들고 Java로 내가 보낸 메시지를 봇이 그대로 전송하는 형태를 만들었다. 이번엔 @StudyJ001Bot에 특정 명령어를 등록하고 등록한 명령어를 선택해 봇에 메시지로 요청했을 때 명령어에 해당하는 이벤트를 실행하는 봇을 만들어보고자 한다. 먼저 @StudyJ001Bot에 명령어를 등록하고 @StudyJ001Bot Command Line에 잘 나오는지 확인해보고자 한다. 예를 들어 “/help”와 같은 명령어를 직접 입력해도 상관은 없다. “/help”명령어를 메시지로 받아 “/help”와 맞는 명령어 이벤트를 실행하면 된다. 그렇지만 @StudyJ001Bot에 특정 명령어를 등록하고 사용할 때 사용자의 편의성은 늘어난다. 긴 명령어 일..

텔레그램 BotFather 봇을 통해 만든 @StudyJ001Bot을 통해 Java 언어로 메시지를 보내고 동일한 메시지를 주고받는 봇을 만들어보고자 한다. 웹 상에서 메시지를 보낸 방식은 @StudyJ001Bot이 나에게 “text“라는 파라미터에 담긴 메시지를 전송해주는 역할을 했다. 이번 Java 언어로 메시지를 보내고 동일한 메시지를 주고받는 건 사용자가 @StudyJ001Bot에게 ”Hello World!“라고 메시지를 보내면 @StudyJ001Bot이 사용자에게 ”Hello World!“라고 동일한 메시지를 전송해주는 봇을 만들어보려고 한다. 만들기 위해서는 제일 먼저 Java프로젝트가 필요하다. 작성자는 eGovFramework를 이용해 작성하였다. 텔레그램 @StudyJ001Bot을 만들기..