js 썸네일형 리스트형 [외부 JS] 달력 관련 JS (Fullcalendar) 데모 이렇게 나온 달력을 다양한 방식으로 컨트롤 할 수 있습니다. 다운 경로 https://fullcalendar.io/ 압축 해제 후 시연 화면 달력 관련 JS 로 FullCalendar.js를 소개 하려 합니다. Jquery 에서 제공하는 https://jqueryui.com/datepicker/ 도 나중에 보시면 좋을 것 같네요. JavaScript 구현부 데모를 받아보시게 되면 위와 같은 방식으로 옵션을 설정할 수 있습니다. 먼저 init은 화면이 보여질 때 캘린더의 기본 옵션을 지정해주는 곳입니다. 위에서 부터 천천히 훑어 내려가면 풀 캘린더를 보여줄 div id를 지정하는 곳 입니다. 저 calendar id를 가진 div에 캘린더가 보여지게 됩니다. 옵션 - themeSystem : 달력의 .. 더보기 [오픈소스] chartjs를 이용한 차트 오픈소스인 chartJS를 이용하여 차트를 표현해보려고 합니다! https://jsfiddle.net/ jsfiddle 은 html과 css, javascript를 웹에서 작성해서 바로 테스트할 수 있는 사이트입니다! ※ 유사한 사이트로는 https://codepen.io/pen/ : 여러 오픈소스들이 많이 존재합니다. 로그인을 하지 않고도 사용이 가능하며, 따로 소스를 저장하거나 공유하는 기능을 사용하기 위해서는 회원가입 후 사용하시면 됩니다! jsfiddle은 크게 4가지 영역으로 나뉩니다. 좌측 상단의 HTML 영역에는 이나 , 태그를 생략한채 태그 내에 들어갈 코드만 입력하면 됩니다. 우측 상단의 css입력창에는 css코드를 입력하고 좌측 하단의 js입력창에는 태그를 제외한 스크립트 코드를 작성하.. 더보기 이전 1 다음
