개발자는 언제나 맑은 뒤 흐림

https://postcodify.poesis.kr/guide/example 12345678910111213검색 $(function() { $("#postcodify_search_button").postcodifyPopUp(); }); cs 이미 jQuery를 사용하고 있는 경우에는 search.min.js 파일만 로딩하셔도 됩니다. 검색창 직접 구현 1234567891011121314151617181920212223 $(function() { $("#postcodify").postcodify({ insertPostcode5 : "#postcode", insertAddress : "#address", insertDetails : "#details", insertExtraInfo : "#extra_info..

NoSQL을 파이어 베이스에 넣은 이유는 파베가의 RealDB가 NoSQL 기반이기 때문이다. Facebook, Twitter, LinkedIn, Amazon 등의 서비스를 사용한다면 우리는 이미NoSQL DB기술을 사용하고 있는 겁니다. 페북, 트위터, 링크드인, 아마존은 NoSQL을 사용한다. 기업의 ERP, MIS 에서도 많이 사용한다. 관계형데이터베이스보다 융통성 있는 데이터 모델을 사용하고 데이터의 저장 및 검색을 위한 특화된 메커니즘을 제공한다. 조인 기능 없음데이터 조회를 위해서 직접 프로그래밍여러 데이터베이스 서버를 묶어서(클러스터링) 하나의 데이터베이스를 구성데이터처리 완결성 미보장데이터의 스키마와 속성들을 다양하게 수용하고 동적으로 정의데이터베이스의 중단업슨 서비스와 자동 복구 기능 지..

웹접근성을 고려한 개발에 관심이 많다면 에디터에도 관심이 많을 것이라고 생각합니다. 에디터로 인해서 피치 못하게 접근성을 놓치는 경우가 있을 수 있기 때문입니다. 물론 본인의 경험과 실력 향상을 위해 직접 구현을 하는 것도 좋다고 생각하지만, 기존의 오픈소스를 활용하는 것도 좋은 방법이라고 생각합니다. 라이센스 Summernote may be freely distributed under the MIT license. 라고 명시되어 있습니다. 무료라고 생각하시면 됩니다. 우선, 서머노트 홈페이지에 들어갑니다. http://summernote.org/ Github 주소 : https://github.com/summernote/summernote 서머노트는 부트스트랩과 jQuery를 기본으로 사용하고 있기 때..

http://c3js.org/reference.html c3를 사용하기 위해서 d3가 필요하다. 123456789101112131415 var chart = c3.generate({ bindto: "#linechart", data: { columns: [ ['data1', 30, 200, 100, 400, 150, 250], ['data2', 50, 20, 10, 40, 15, 25] ] }});Colored by Color Scriptercs 1cs하면 끝...

chart.js 는 무료 라이센스를 가지고 있고 다양한 환경에서 적용이 가능한 장점을 가지고 있습니다. Chart.js is open source and available under the MIT license. 1.설치하기 맥, 리눅스를 사용하시면 npm install을 추천 합니다. (물론, 윈도우도 npm을 사용할 수 있습니다.) npm install -g chart.js --save 만약, npm사용 방법을 모른다면. (http://kimsg.tistory.com/20) 에서 CLI설치하기를 따라하시면 됩니다. GitHub에서 다운 받아도 됩니다. 만약, github에서 다운 받는 방법을 모르신다면 (http://kimsg.tistory.com/232)의 마지막 부분을 따라하시면 됩니다. Char..

http://jindo.dev.naver.com/smarteditor/user_guide/ 가이드에 보면 버튼이름 이러한 부분을 막으라고 나와 있다... SmartEditor2Skin.html / SmartEditor2_noframe.html 이 두 부분에서 전부 수정을 해줘야 했다. 사진 태그를 지우고 싶으면, '사진'을 검색해서.... 태그를 둘 다 막으면 된다.

네이버개발자센터 : http://dev.naver.com/projects/smarteditor/tech/35141 http://jindo.dev.naver.com/smarteditor/user_guide/ 네이버에서 제공하는 가이드 네이버 스마트에디터를 다운 받는다. 다 붙여 넣는다. (include) 경로에 맞게 선언 여기의 content에 맞게 수정한다. 12345678var oEditors = [];nhn.husky.EZCreator.createInIFrame({ oAppRef: oEditors, elPlaceHolder: "content", sSkinURI: "/smarteditor/SmartEditor2Skin.html", fCreator: "createSEditor2"}); Colored by..

다음에디터를 사용하기 위해서는 우선 다음 개발자 센터를 알아야 합니다. 다음 개발자 센터: http://developers.daum.net/ 현재 2017. 10. 25 을 기준으로 메인 화면에 아래와 같은 문구가 떠 있을 것입니다. 그렇다. Kakao Developers로 통합이 되었다. 하지만, 기존에 만든 서비스는 유지를 시켜준다고 합니다. 다음 API를 연동하여 개발중일 때, 모르는 부분이나 오류같은 것에 대한 사항은 https://devtalk.kakao.com/ 이곳에서 꾸준히 질의응답을 하면 됩니다. 아무튼... 현재는 에디터 소스를 긷 허브에서 받아야 합니다. 그리고 본인 소스에 적용을 하면 됩니다. 그리고 한가지 더 알아둘 사항이 있습니다. 다음에디터는 더이상 업데이트 하지 않습니다. 그..

NicEdit는 textarea를 대체하는 WYSIWYG 에디터입니다. NicEdit를 사용하면 글 중간에 그림을 쉽게 업로드할 수 있습니다. 적용하는 방법도 간단합니다. http://nicedit.com/에 나와있는 코드를 페이지 맨 아래에 붙여넣기만 하면 모든 textarea가 NicEdit로 바뀝니다.위 코드를 삽입하면 해당 페이지에만 적용되는 것으로 이해했지만, 실제로는 사이트의 모든 textarea를 NicEdit로 변경해버리네요. 그래서 다음과 같은 코드를 사용하면 ID가 ‘myNicEditor’인 모든 textarea가 NicEdit로 바뀝니다. http://www.thewordcracker.com/basic/how-to-used-nicedit-in-wordpress/

핸들바스.js 파일을 js 폴더에 붙여넣기 common.jsp에 핸들바스.js 파일을 포함 시키기 보드리스.jsp에 적용시켜 보기/..... 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 이름 아이디 메일주소 {{#users}} {{name}} {{id}} {{!-- 사용자 정의 헬퍼인 email에 id를 인자로 넘긴다 --}} {{email id}} {{/users}} //핸들바 템플릿 가져오기 var source = $("#entry-template").html(); //핸들바 템플릿 컴파일 var template = Handlebars.compile(source); //핸들바 템..