Loading...
2018.04.27 16:45

dotless.Core.LessCssHttpHandler, dotless.Core 의 web.config 오류시 대응방안

<system.web><httpHandlers>      <add path="*.less" verb="GET" type="dotless.Core.LessCssHttpHandler, dotless.Core" />    </httpHandlers></system.web><validation validateIntegratedModeConfiguratio..

VueJS 관련 샘플 사이트

VueJS 관련 샘플 사이트http://www.vuescript.com/http://vuejsexamples.com/https://vuejsfeed.com/

keyup 에 delay 딜레이 설정하기

keyup 에 delay 딜레이 설정하기1. 함수를 별도로 빼서 clearTimeout 함수로 사용하기<input class="title" name="input" /><script type="text/javascript"> var itcdelay = (function () { // Function var itcTimer = 0; return function (callback, ms) ..

2018.04.25 14:38

Kigo Image Converter 로 이미지 썸네일 워터마크 thumbmail watermark 만들어 보기 (윈도우용)

Kigo Image Converter 로 이미지 썸네일 워터마크 thumbmail watermark 만들어 보기 (윈도우용) Kigo 이미지 변환기는 Windows 사용자를 위한 무료이며, 사용하기 쉬운 이미지 변환기입니다.  http://www.kigosoft.com/kigo-image-converter/ 이미지 형식을 변경하고 이미지 크기를 조정하며 이미지를 압축하고 워터 마크를 일괄 적으로 추가하도록 설계되었습니다. 이 무료 ..

2018.04.20 18:53

react.js 로 gatsby.js 를 활용하여 IIS 환경에 구동시키기

react.js 로 gatsby.js 를 활용하여 IIS 환경에 구동시키기reactjs 를 구현함에 있어서 static site generator 를 만들어 보기 위해 gatsby.js 를 사용해 보기로 하였습니다.https://www.gatsbyjs.org/1. node.js 를 설치합니다. (https://nodejs.org/en/download/)2. gatsby 의 cli 를 npm 명령어로 설치합니다.npm install --global g..

web.config 에서 브라우저 캐싱 browser caching 비활성화 하기

https://blog.krusen.dk/disable-browser-caching-specific-files-folders/웹 사이트 또는 웹 응용 프로그램에서 특정 파일이나 전체 폴더의 브라우저 캐싱을 비활성화해야하는 경우는 드뭅니다. 때로는 특정 파일을 캐시하지 않고 항상 서버에서 검색하려고 시도 할 때 사용자의 브라우저가 필요합니다. 이것을 달성하기위한 두 가지 방법이 있습니다.해결 방법 1 : 각 폴더에 대해 별도의 Web..

NanumSquare 웹폰트 사용해보기

nanumsquare.css /* * Nanum Square Web Fonts * Copyright (c) 2010, NAVER Corporation (http://www.nhncorp.com) */@font-face { font-family: "NanumSquareLight"; src: url(/font/NanumSquareL.eot); src: url(/font/NanumSquareL.eot?#iefix) format('embedd..

폰트 사이즈 font sizes 에서 points, pixels, ems, percent 비교

웹개발하면서 폰트 사이즈에 대한 pt, px, em percent 등 사용하는데 정확하게 비교하는 게 없어서 봤더니 해당 아래 사이트에서 리스트로 잘 보여주네요.https://websemantics.uk/articles/font-size-conversion/PointPixelEmPercentKeywordDefault sans-serif6pt8px0.5em50%Sample7pt9px0.55em55%Sample7.5pt10px0.625em62.5%x-s..

javascript 로 파라미터 parse 해서 piwik 의 eventname 추가하기

http://도메인?analy=1000 이런식으로 들어오면 자바스크립트로 파싱해서 piwik 에서 처리한다.<script>        var getUrlParameter = function getUrlParameter(sParam) { var sPageURL = decodeURIComponent(window.location.search.substr..

행복얼라이언스 iframeresizer 활용

iframeresizer 활용행복얼라이언스부모창<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko"><head> <title&g..

2018.04.12 15:11

c# 의 shallow copy 와 deep copy 알아보기

c# 의 shallow copy 와 deep copy 알아보기 Object.MemberwiseClone 은 shallow copy 를 생성하며, ICloneable interface 와 함께 사용하면 deep copy 을 얻을 수 있습니다. MemberwiseClone 는 새로운 객체를 생성 한 다음, 새로운 객체는 현재 오브젝트의 필드를 copy 하여 단순 복사본을 생성합니다. 그리고 필드가 value  type  이면&nbs..

2018.04.11 20:20

카카오뱅크 세이브박스 1천만원 상향

카카오뱅크에서 세이브박스 한도를 1천만원으로 상향했네요. 지금 한도올리기 버튼을 선택 합니다. 세이브박스 한도를 현재 ???금액에서 1,000 만원으로 올리시겠습니까? 에서 '예'를 선택 합니다. 화면에서 스크롤을 제일 위로 올리면 1,000만원 세이브박스로 금액이 보관됩니다. ​​​ ​​

2018.04.10 14:55

ASP.NET Core Blazor 를 알아보고 TODO 도 만들어보자.

ASP.NET Core Blazor 를 알아보고 TODO 도 만들어보자. ASP.NET Core 2.1 preview 버전에서 작동되는 Blazor 는 c# 과 razor 그리고 html 형태로 구성되며 이는 브라우저나 WebAssembly 에서 가동이 되는 web ui framework 로 보시면 됩니다. Blazor 는 매우 심플하고 빌드도 빠르며, single page application 에서 어떤 브라우저 든 잘 작동이 ..

2018.04.09 19:14

비동기 화면에서 뒤로가기 back 버튼 마우스를 클릭시 window.history.pushState 사용하기

보통 비동기 화면을 구현 하는 중에 , 뒤로가기 back 버튼 마우스를 클릭할 때가 있습니다.비동기 화면은 동적으로 랜더링 하므로 브라우저에서 url 주소값을 저장하지 않아 제일 첫페이지로 이동하게 됩니다.따라서 브라우저에 url 주소값을 직접 스크립트로 알려주는 방법이 있는데요.window.history.pushState() 함수를 사용해서 브라우저 히스토리를 조작할 수 있습니다.자세한 내용은 https://developer.mozilla..

2018.04.05 11:16

asp.net core 2.0 identity 사용해보기

visual studio 2017 community 로 ASP.NET CORE 2.0 으로 선택하고 인증부분을 체크해서 identity 를 사용하게끔 하였습니다.이 상태로 f5 눌러서 실행해 보죠. 가입 화면에서 개인정보를 기재합니다. 아직 데이터베이스의 테이블이 생성되지 않은 상태 일거라 오류가 발생됩니다. 아래 내용은 identity 를 사용하기 위한 테이블들이 생성되지 않아 발생된 오류 입니다. apply migration 버튼을 선택하던..

ASP.NET MVC 의 Layout.cshtml 에서 model 전달하기

ASP.NET MVC 의 Layout.cshtml 에서 model 전달하기asp.net mvc 에서는 view 의 shared 폴더에 _layout.cshtml 이 존재합니다. 이는 이전의 webform 의 master 와 비슷한 기능을 구성하고 있죠.하지만 _layout.cshtml 에 model 을 넘기는 방법을 별로 추천하지는 않지만, controller 에서 _layout.cshtml 에 모델을 할당하여 컨트롤 하고자 할때 ..

2018.04.03 17:55

package.json의 각 종속성을 최신 버전으로 갱신하기

package.json 이 존재하는데, 몇년 지난 버전인지라 종속된 모든 컴포넌트를 최신버전으로 한번에 갱신해주는 방법을 찾아 봤습니다.$ npm install -g npm-check-updates$ npm-check-updates -u$ npm install 자세한 내용은 아래 사이트 참고하세요.https://www.npmjs.com/package/npm-check-updates

2018.04.01 00:12

expo 에서 push notifications tool 활용하기

expo 에서 push notifications tool 을 온라인 화면에서 제공해 주는데요.https://expo.io/dashboard/notifications해당 툴을 테스트로 사용할 땐, push 의 token 값은 애뮬레이터에서 얻을 수 없고 꼭 안드로이드나 아이폰 기기에서 얻을 수 있습니다. import React, { Component } from 'react';import { StyleSheet, Text, View ..