DOTI Project

문장내에 특정 단어를 검색할 경우 그 단어에 하이라이트를 줄 수 있다 [예제] 123456789101112131415161718<style>.text-red { color: red;}</style> <input id="search"><div id="contents">this is a new bar and bar</div> <script>$('#search').keyup(function () { var search = $('#search').val(); $("#contents:contains('"+sea..

PHP 페이지를 include 할때 특정 데이터를 POST 방식으로 넘겨줄 수 있다 [예제] 1234<?$_POST["key"] = "value";include("file.php");?>cs file.php 파일을 include 할때 key 라는 POST 변수에 value 라는 데이터를 넘겨준다

resizeTo, resizeBy를 이용해 브라우저 크기 조절 123<script> window.resizeTo(width, height);</script>cs - 브라우저를 지정한 크기로 변경함 123<script> window.resizeBy(width, height);</script>cs - 브라우저를 현재 크기에서 지정한 크기만큼 늘려준다

CSS3 부터는 미디어 쿼리라는 것을 사용할 수 있게 되었다. 반응형 웹사이트 제작시 필수적으로 사용되는 쿼리이다. 브라우저의 해상도를 감지하여 해상도에 따라 다른 CSS를 적용시킬 수 있다 min-width, max-width 값을 지정하여 브라우저 해상도가 조건에 맞을때 중괄호 안의 스타일을 적용한..

구글에서 제공되는 폰트 API 서비스 https://www.google.com/fonts/earlyaccess

[반올림] round(value) [올림] ceil(value) [버림] floor(value) [예제] 12345678910111213141516171819<?floor // 버림floor(4.3); // 4floor(9.999); // 9 ceil // 올림ceil(4.3); // 5ceil(9.999); // 10 round // 반올림round(3.4); // 3round(3.5); // 4round(3.6); // 4round(3.6, 0); // 4round(1.95583, 2); // 1.96round(1241757, -3); // 1242000round(5.045, 2); // 5.05round..

스크립트를 이용하여 지연시간을 구현할 수 있다 [예제1] 123456<script>function explode() { alert("Boom!");}setTimeout(explode, 2000);</script>cs [예제2] 123456<script>var explode = function() { alert("Boom!");};setTimeout(explode, 2000);</script>cs [예제3] 12345<script>setTimeout(function(){ alert("Boom!");}, 2000);</scr..

쿠키는 생성, 변경, 삭제 모두 setcookie() 함수로 정의하여 사용할 수 있다 쿠키 생성 [사용방법] setcookie(변수이름, 값, 유효시간, 디렉토리, 도메일, 보안)cs - 변수이름(Variable) : 쿠키의 변수 이름을 의미하며, 되도록 영문, 숫자, 하이픈(_) 사용 - 값(Value) : 변수 이름 안에 들어갈 값, 값제거..

CSS3에 새롭게 추가된 기능 중 calc()라는 것이 있다 명령어에서 보듯 계산을 해주는 속성이다 [예제] 이미지를 화면의 가운데로 맞추는 예제 1234567891011<style> img { position: absolute; top: calc(50% - 50px); left: calc(50% - 50px); width: 100px; height: 100px; }</style> <img src="test.jpg">cs [이해하기] 위의..

Download nprogress-master.zip NProgressSlim progress bars for Ajax'y applications. Inspired by Google, YouTube, and Medium. InstallationAdd nprogress.js and nprogress.css to your project. <script src='nprogress.js'></script> <link rel='stylesheet' href='nprogress.css'/>NProgress is available via bower and npm and spm. $ bower install --save nprogress $ npm ins..