본문 바로가기

Tip/Javascript

(23)
JS Hint JSHint is a tool that helps to detect errors and potential problems in your JavaScript code. 참고 JS Hint : http://www.jshint.com/install/hint-eclipse : http://github.eclipsesource.com/jshint-eclipse/
[Presentation] Deck.js Starter Demo http://ryan-roemer.github.io/deck.js-starter/#title
[Javascript] 크롬에서의 사용자 의도에 대한 팝업 처리 현상 크롬에서 Javascript 로 똑같은 팝업 요청을 하였는데 하나는 팝업 차단이 실행되었고 다른 하나는 팝업 차단이 수행되지 않았다. 해결 팝업요청시 사용자의 의도가 포함되어 있느냐 아니냐에 따라 팝업 차단 여부를 수행하는 것으로 보인다.팝업 실행 : 즉 버튼 클릭시 요청한 팝업에 대해서는 팝업 실행. 즉 사용자가 의도한 것으로 봄팝업 차단 : Ajax (Async) 요청 결과로 부터 팝업을 띄우는 경우에는 사용자가 의도한 것으로 보지 않음
Admin Sample Page http://detail.herokuapp.com/index.html 참고 https://wrapbootstrap.com/tag/charts
[javascript] 구글 로그인 연동 구글 로그인 연동 웹페이지에 구글로그인 연동과 관련된 것을 찾다보니 구글 개발자 사이트에서 너무나도 쉽게 설명이 잘 되어 있었다. 일단 페이지 링크만 걸어둔다. 링크의 '/?hl=ko' 부분을 제외하면 영문사이트를 볼 수 있다. 해당 링크로 부터 구글 로그인 버튼 추가, Email 가져오기, 사용자 프로필 사진 가져오기 등을 구현해 보았다. 코드의 일부만 블로그에 추가해 놓겠다. * Email 정보를 얻기 위해 oauth2 라이브러리를 사용/* * userinfo 끝점에 대한 요청을 실행하여 사용자의 이메일 주소를 가져옵니다. 이 함수에는 유효한 OAuth 액세스 토큰이 포함된 * gapi.auth.setToken이 필요합니다. * * 요청이 완료되면 getEmailCallback이 실행되고 요청의 결과..
[javascript] Free WYSIWYG plugins JavaPark Blog (http://javapark.net)- 틀린사항/문의사항은 댓글 부탁드립니다~!!- 퍼가실땐 출처만 밝혀주세요~~!! 개요 javascript 또는 jQuery 를 이용한 WYSIWYG plugin 들을 모아놓은 것이다. 라이센스 또는 그 목적에 맞게 알맞는 WYSIWYG를 선택/사용할 수 있겠다. Opensource Library 위주로 정리한 것이고 이 라이브러리 이외의 것이 있으면 추천바랍니다. 감사합니다. HtmlBox - License : MIT- Site : http://remiya.com/htmlbox/- Version : 4.0.3- iframe/jQuery TinyMCE - License : GPL2- Site : http://www.tinymce.com/- V..
[jquery mobile] 동적으로 추가한 리스트 목록이 깨질경우 jQuery Mobile 사용시 Listview에 데이터를 동적으로 추가해야 할 경우에 jQuery 의 html() 함수를 이용하여 추가할 수 있지만 화면에는 원하는 UI가 표시 되지 않는다. 이때 jQuery Mobile 의 listview 함수를 이용하여 jQuery Mobile UI가 적용된 List 화면을 볼 수 있다. 코드는 다음과 같다. $("#allList").listview("refresh"); 참고 http://view.jquerymobile.com/1.3.1/dist/demos/