심재운 블로그

모바일 웹에서 카카오맵 앱 호출하여 띄울려고 할 경우 스크립트 코드 (function () { /** * 사이트 네임스페이스 초기화 */ var initNamespace = function() { if (typeof window.lddi === 'undefined') { window.lddi = { util: {}, siteCode: {} }; } }; var AppLink = { aosUrl: 'intent://scan/#Intent;scheme=kakaomap;package=net.daum.android.map;end', iosUrl: 'http://itunes.apple.com/app/id304608425', customSchemeMain: 'kakaomap://gate?page=a0137', go..

chrome 에 push 를 전송하고나서 알림이 뜨면 이를 클릭할 경우 특정 도메인 주소로 이동하는 방법을 구현한 스크립트입니다. self.addEventListener('notificationclick', function(event) { let url = 'https://example.com/some-path/'; event.notification.close(); // Android needs explicit close. event.waitUntil( clients.matchAll({type: 'window'}).then( windowClients => { // Check if there is already a window/tab open with the target URL for (var i = 0;..

https://clusterize.js.orghttps://codepen.io/thdoan/pen/NgqmVG Tiny vanilla JS plugin to display large data sets easilyTiny vanilla Js 플러그인 라고 불리며, 대용량의 데이터를 쉽게 table 태그에 보여줍니다. jQuery 를 사용하지 않아 느리진 않은듯 싶습니다. 공식사이트 주소는 https://github.com/NeXTs/Clusterize.js 입니다. body { font: normal 16px/1.2 Calibri, sans-serif; } .clusterize table { width: 100%; border: 1px solid #000; border-collapse: collapse; ..

https://www.c-sharpcorner.com/forums/user-specific-session-timeout-in-asp-net javascript 로 page 별 timeout 설정하여 로그아웃 강제시키기 var logoutUser = false; var timeoutHnd = null; var logouTimeInterval = 15 * 60 * 1000; // 15 mins here u can increase session time function onuser_activite() { if (logoutUser) { ; } else { ResetLogOutTimer(); } } function OnTimeoutReached() { logoutUser = true; alert("You hav..

jQuery after, insertAfter & before, insertBefore 메 소 드 내 용 after() 지정한 요소 뒤에 새로운 요소를 삽입 A.after(B) - A 뒤에 B를 추가 insertAfter() 지정한 요소 뒤에 새로운 요소를 삽입 A.insertAfter(B - B 뒤에 A 를 추가 before() 지정한 요소 시작 부분에 내용을 삽입 A.berfore(B) - A 앞에 B를 추가 insertBefore() 지정한 요소 시작 부분에 내용을 삽입 A.insertBefore(B) - B 앞에 A 를 추가 DOCTYPE html> Result Greetings Div #1 Div #2 Div #3 Div #4 $(document).ready(function() { $('#one..

react 를 class 방식으로 구현하는 방법이 있고, hooks 을 사용하는 함수형 방식으로 구현이 가능하다.hooks 로 구현하면 useState(기본값) 을 통해 상태값을 조절 가능하다.class 보다 hooks 를 활용한 함수형 코딩이 더 간결하면서 가독성이 강하다. import React, { useState } from "react";import ReactDOM from "react-dom"; import "./styles.css"; const App = () => { const [item, setItem ] = useState(1); const incrementItem = () => setItem(item + 1); const decrementItem = () => setItem(item ..

vuejs 의 서로 형제 관계인 컴포넌트 사이의 정보 전달 $emit 와 $on 사용한다.이벤트 버스의 객체를 만들어 사용하면 되며, vue 인스턴스를 만들어 사용하면 된다. 데이터를 저장할 필요 있으면 데이터 옵션 추가 가능하다.이벤트를 수신하는 컴포넌트는 미리 이벤트 핸들러를 등록해 두어야 하며 , vue 인스턴스 생명주기의 created 이벤트 훅을 이용한다. vue 인스턴스가 만들어질때 $on 메소드를 사용해 이벤트 수신 정보를 등록해 두어야 한다. 이벤트를 발신하는 컴포넌트에서는 $emit 메소드를 호출한다. DOCTYPE html> 06-24 var eventBus = new Vue(); child1 button!! {{currentTime}} Vue.component('child1-compo..

autocomplete 사용할 경우, 동적 dom 생성시 매번 이벤트를 지정해 줘야 한다.dom 을 append 하고 나서, 추가된 마지막 dom 에 :last 하여 autocomplete() 함수를 지정하는 구문이다. Add More Fields $(document).ready(function() { var max_fields = 10; //maximum input boxes allowed var wrapper = $(".input_fields_wrap"); //Fields wrapper var add_button = $(".add_field_button"); //Add button ID var x = 1; //initlal text box count var availableAttributes = [ ..