나홀로 쿠킹

이전에도 쓰던 라이브러리인데 이번에 수정 할 부분이 생겨서 다시 찾아보있더니 업데이트가 많이 되었다. https://fullcalendar.io/ FullCalendar - JavaScript Event Calendar Open Source... With over 10 years of open source and over 120 contributors, FullCalendar will always have a free and open source core. Learn more fullcalendar.io 더 다양해진 기능들과 깔끔해진 디자인으로 업데이트 된거 같다. 아래는 데모 사이트 https://fullcalendar.io/demos Demos | FullCalendar fullcalendar.io ..

github.com/layerssss/paste.js layerssss/paste.js read image/text data from clipboard (cross-browser) - layerssss/paste.js github.com 예제 페이지는 아래와 같다 layerssss.github.io/paste.js/ 이미지또는 텍스트를 복사해 붙여 넣기를 만들기위해 사용한 JS 1. paste.js를 추가하고 2. 붙여 넣기 할 영역을 만든다. 이곳에 붙여넣기 하세요. (Ctrl+v) 브라우저 문제 때문에 안정적으로 한번 클릭 하여 focus in 하도록 한 후 붙여넣기를 할 수 있게 하였다. 3. 클릭 했을 때 해당 div에 focus in $(document).on('click', '#clipboar..

VanillaJS란? 공식 사이트에서는 쉽고빠르고 가벼운 크로스 플랫폼 프레임워크라고 소개되어 있다. 그냥 순수 자바스크립트코드로 작성하는것. jQuery보다는 압도적으로 빠르고 크로스 브라우징이 잘 되는 특성이 있다. VanillaJS 공식 사이트 vanilla-js.com/ Vanilla JS Vanilla JS Vanilla JS is a fast, lightweight, cross-platform framework for building incredible, powerful JavaScript applications. Introduction The Vanilla JS team maintains every byte of code in the framework and works hard each da..

구글지도 APIAPI 사용하기 위치 : 사이에 삽입 특징 : 으로 시작해야됨 저기서 MY_KEY라고 써놓은 곳에 자신의 API KEY값을 넣어야 한다. KEY값을 받으려면 먼저 Google Maps API로 이동한다. -> https://developers.google.com/maps/?hl=ko 구글계정으로 로그인 ㄱㄱ 내가 아는 것은 javascript 뿐이기에..Google Maps Javascript API를 클릭. 아래로 내리다보면 '데모 및 샘플코드'있고 막 그렇다. 근데 그게 중요한게 아니라스크롤 내리지 말고 오른쪽 맨위에 귀퉁이에 보면 이런게 있다.클릭 ㄱㄱ OK 알겠음.당황하지말고 계속 ㄱㄱ 첨 만드는 거면 프로젝트가 암것도 없기 때문에계속 ㄱㄱ 혼자 열심히 프로젝트를 만든다.기다리면 화..

[API] Chart.js 차트생성기능을 만들기위해여러 무료 api를 찾던중디자인과 기능이젤 맘에들어서 사용해본chart.js를 소개하도록 하겠다. http://www.chartjs.org 오픈소스이고 8가지의 타입이 있고 html5의 canvas를 사용하고 반응형이다. 시작해보자.일단 chart.js를 사용하려면 GitHub에서 다운받거나 CDN을 이용한다.나는 걍 CDN을 이용한다. 차트를 만들자.먼저 canvas를 만들고 너비와 높이를 정한뒤꼭 id를 넣자. 기본 사용틀이다. 기본 폰트 셋팅이다. 공통으로 사용되는 구성이다. 차트 제목에 관련된 구성요소들인데일단 저런 옵션 안주면 안나오고나오게 하고 싶으면 저 도표에 있는 옵션들로 구성하면 될거 같다. 배경에 패턴을 넣을 수 있는데나는 아직 해보진 ..