mingmong's devlog

프로젝트 진행 중, 캘린더 사용을 위해라이브러리를 찾다가 FullCalendar를 활용하게 되었다.기본 사용법과 이벤트, 직접 작성한 예시를 통해 풀캘린더에 대해 알아보자.※ 공식문서: https://fullcalendar.io/docs 1) 초기화1-1) 다운로드CDN으로 다운로드하여 사용: https://www.jsdelivr.com/package/npm/fullcalendar-scheduler?version=6.1.17 스크립트를 다운 받아, 직접 호출: https://fullcalendar.io/docs/initialize-globals1-2) 캘린더 정의: new FullCalendar.Calendar를 선언하여 초기화한다.이 때, 필요한 속성과 이벤트 등을 세팅할 수 있다. 2) 속성2-1) ..

개발할 때 Notepad++ 를 활용하는 경우가 많은데,이번 글에서는 그 중에서도 XML 데이터나 HTML 데이터를 정렬할 수 있는 플러그인에 대하여 소개해보겠다. 1) XML Tools 플러그인: XML Tools 플러그인은 libXML2 기반으로 XML 문법 검사, XML 스키마 + DTD 검증, 태그 자동 닫기, 코드 자동 정렬 등을 제공한다. 2) XML Tools 플러그인 설치2-1) 플러그인 > 플러그인 관리: "플러그인 > 플러그인 관리" 를 실행한다.2-2) 플러그인 설치: "찾기" 에 XML Tools 를 검색하여 체크한 뒤, 플러그인을 설치한다.  2-3) 설치 결과: 설치한 뒤 재실행하면 플러그인이 정상적으로 설치된 것을 확인할 수 있다. 3) XML 코드 정렬3-1) 정렬되지 않은 ..

우리는 프론트엔드 개발을할 때 크롬(Chrome)의 개발자도구(DevTools)를 자주 사용하게 된다.이 개발자도구에서 화면 분석을할 때, 콘솔 패널(Console Panel)에서 jQuery 명령어를 사용하고 싶은 경우가 있다.이번에 jQuery 관련 글을 작성하면서,예시에 대한 결과값을 확인하기 위해 콘솔 패널에서 명령어를 입력하고 싶었다.콘솔 패널에 바로 jQuery 코드를 입력하면 오류가 발생하는데, 해결할 수 있는 방법에 대해 알아보자. 1) 크롬 개발자도구(Chrome DevTools)1-1) 단축키Mac: Command + Shift + cWindows: Window + Shift + c1-2) 콘솔 패널: 현재 페이지에서 실행중인 JavaScript의 콘솔을 확인, 테스트할 수 있다.콘솔 ..