본문 바로가기

2017/05

[DaumEditor] 다음 오픈 멀티 에디터 제작 첨부 파일 : ■ 다음 오픈 에디터 한페이지에 여러개 띄우기 ※ 해당 포스팅은 이전 작업과 이어지는 부분이 많습니다.※ 실행시 에디터 초기화와 관련하여 실행에는 문제가 없으나, 아래와 같은 스크립트 에러가 계속 발생합니다.(이점 유의) 01. 먼저 두개의 다음 에디터를 띄울 board_multi.php 프로젝트의 디렉토리에 생성한다. 02. board_multi.php의 코드는 아래와 같다. board_multi.php 제목 : 03. 다음으로 실제 다음 오픈에디터의 뼈대를 구성할 editor_multi.php 파일을 프로젝트의 daumEditor 폴더에 생성한다. 04. editor_multi.php의 코드는 아래와 같다. editor_multi.php 더보기
[FullCalendar] 구글 캘린더 hide / show 기능 추가하기 ※ 해당 예제는[FullCalendar] 풀 캘린더와 구글 캘린더 연동하기를 기반으로 작성되었습니다. 01. 풀 캘린더의 addEventSource, removeEventSource 기능을 사용하여 구글 캘린더 데이터를 숨기고 다시 불러오는 기능을 추가해 보자. calendar_google_choice.php 풀캘린더::구글캘린더 한국 공휴일 미국 공휴일 일본 공휴일 loading... 02. 출력결과는 아래와 같이 체크박스를 선택하는 것으로 해당 데이터를 캘린더에서 지웠다 다시 생성할 수 있다. 더보기
[FullCalendar] 풀 캘린더와 구글 캘린더 연동하기 01. 풀 캘린더에서 구글 캘린더의 데이터 값을 받아다 사용하기 위해서는 풀 캘린더에서 제공하는 gcal.js 라이브러리가 필요하다. 02. 구글 캘린더의 캘린더 세부정보에서 캘린더 주소를 복사해 오자. 03. 위에서 복사한 캘린더 주소를 사용하여 아래코드의 googleCalendarId에 기입하는 식으로 아래 코드를 작성해 보자. calendar_google.php 풀캘린더::구글캘린더 loading... 04. 출력결과는 아래와 같이 한국, 미국, 일본의 국가 휴일이 나타나는것을 확인 할 수 있다. 더보기
[node.js] 웹 데이터 수집 ① ■ Node.js로 웹 페이지 다운로드 01. node.js로 웹 페이지를 다운로드 받는 코드는 아래와 같다. download-node.js // url에 있는 파일을 savepath에 다운로드 한다. // 다운로드 URL을 지정 var url = "http://blog.wickedmiso.com/"; // 저장할 위치를 지정 var savepath = "test.html"; // 사용 모듈 정의 var http = require('http'); // HTTP 모듈 var fs = require('fs'); // 파일 처리 관련 모듈 // 출력 지정 var outfile = fs.createWriteStream(savepath); // 비동기로 URL의 파일 다운로드 http.get(url, functi.. 더보기
[node.js] 윈도우에 node.js 설치하기 01. node.js(https://nodejs.org/ko/download/) 다운로드 사이트에 접속하여 node.js를 다운받는다. ① Windows Binary(.zip) 버전중에서 설치할 컴퓨터의 사양에 맞게 다운받자.(32-bit, 64-bit) ② 확인을 눌러 파일을 다운받는다. 02. 파일을 다운 받았다면 설치할 nodejs 디렉토리를 생성하고 압축을 해제하자 ① 다운받은 압축파일(*.zip)을 설치할 경로로 위치시키고 압축을 해제한다. ② 압축을 해제하고 파일명을 nodejs로 변경하였다. 03. 이제 내 컴퓨터를 열고 상단 메뉴바에서 시스템 속성을 클릭하여 준다. 04. 좌측 카테고리에서 고급 시스템 설정을 클릭한다. 05. 시스템 속성 팝업창이 뜨면 아래 순서대로 작업을 진행한다. ① .. 더보기