심재운 블로그

자바스크립트를 vanilla js 를 통해 mvc 형식으로 구현한 예제이다. 만드신 분 멋짐.~ index.html index.css @import url(//fonts.googleapis.com/earlyaccess/notosanstc.css); * { /* border: 1px solid #000; */ position: relative; box-sizing: border-box; } :root { --color-primary: #d3cce3; --color-secondary: chocolate; --color-font-dark: darkred; --color-font-light: #eee; } body { margin: 0; min-height: 100vh; background: radial-gra..

requireNativeComponent: "RNCWebView" was not found in the UIManager /** * Sample React Native App * https://github.com/facebook/react-native * * @format * @flow */ import React from 'react'; import WebView from 'react-native-webview'; const App: () => React$Node = () => { return ( ); }; export default App; 실행할 경우 webview 에 대해 제대로 설치가 안되어 실행이 되지 않은 에러 구문입니다. 오류가 발생할 경우, 아래와 같은 절차로 mac 의 터미널에서 실행하..

모바일 웹에서 카카오맵 앱 호출하여 띄울려고 할 경우 스크립트 코드 (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 ..