본문 바로가기

OPEN SOURCE14

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

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

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

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

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

[FullCalendar] 풀캘린더(FullCalendar) 만들기 / 기본 풀캘린더 사용방법 풀캘린더(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.. 2024. 6. 14.

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

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

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

나만의 텔레그램 봇(TELEGRAM BOT) 만들기 - 2. 웹 상에서 메세지 보내기 텔레그램 BotFather 봇을 통해 만든 @StudyJ001Bot을 통해 텔레그램 봇 API 공식 홈페이지에서 제공해주는 API를 가지고 웹 환경에서 메세지를 보내보고자 한다. 텔레그램 봇 API 공식 홈페이지에서 친절하게 해당 API기능별 URL, Parameter, method 등등 여러 정보를 알려주고 있다. 텔레그램 봇 API를 이용해 웹 환경에서 메세지를 보내려고 할때 필요한 것이 있는데 보낼 채팅 아이디(chat_id)와 본문(text)내용이 필요하다. 웹 환경에서 메세지를 보내기 위해 알아야하고 어떻게 보낼 수 있는지에 대한 내용을 알아보자. 텔레그램 봇 API Bot API는 Telegram 용 봇 구축에 관심이있는 개발자를 위해 만든 HTTP 기반 인터페이스입니다. 봇을 만들고 설정하는.. 2020. 3. 13.

나만의 텔레그램 봇(TELEGRAM BOT) 만들기 - 1. 토큰발급 텔레그램에서 무료로 제공하는 텔레그램 봇 API를 이용해 나만의 텔레그램 봇을 만들어보고자 한다. 텔레그램 봇을 만들기 위해서는 텔레그램 메신져 내 BotFather 봇을 이용해 봇을 생성할 수 있다. BotFather 봇을 메신져 내에서 검색 후 "시작(Start)"을 눌러 BotFather 봇과 상호작용을 시작할 준비를 한다. 그런 후 특정 명령어를 통해 나만의 봇 생성 준비를 하고 차례대로 설정해야하는 내용을 입력해 봇 생성을 마무리 할 수 있다. 자세한 사항을 이미지와 간단한 설명들로 소개해본다. 텔레그램 메신져 BotFather 봇 검색하기 텔레그램 메신져 검색하는 부분에 BotFather라고 입력 후 검색을 한다. 검색 후 결과로 BotFather 봇을 확인할 수 있다. BotFather 왼쪽.. 2020. 3. 11.

텔레그램 봇 아버지(TELEGRAM BOT FATHER) BotFather 텔레그램 봇을 만들기 위해서는 텔레그램 봇 아버지(TELEGRAM BOT FATHER)를 통해서 만들어야한다. 텔레그램 봇 아버지(TELEGRAM BOT FATHER), BOTFATHER라고 명칭한다. BotFather는 텔레그램 봇 모두를 지배하는 봇이다. 새 봇을 만들고 기존 봇에 대한 설정(api토큰 확인, name 변경, description 변경 등)을 변경할 수 있다. BotFather 명령 명령어 “/mybots” BotFather 봇을 통해서 만든 봇 목록을 확인할 수 있다. 명령어 “/mygames” BotFather 봇을 통해서 만든 게임 봇 목록을 확인할 수 있다. 명령어 “/setname” BotFather 봇을 통해서 만든 봇 중에서 선택한 봇의 이름을 변경할 수 있다. 명령어 “.. 2020. 3. 10.

이전 1 2 다음

티스토리툴바