<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
    
<script>
$(function() {
  $( "#datepicker1" ).datepicker({
    dateFormat: 'yy-mm-dd'
  });
});
</script>
    
생년월일: <input type="text" id="datepicker1">
<link rel="stylesheet" href="//code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>

<script>
$(function() {
  $( "#datepicker1" ).datepicker({
    dateFormat: 'yy.mm.dd',
    prevText: '이전 달',
    nextText: '다음 달',
    monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],
    monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],
    dayNames: ['일','월','화','수','목','금','토'],
    dayNamesShort: ['일','월','화','수','목','금','토'],
    dayNamesMin: ['일','월','화','수','목','금','토'],
    showMonthAfterYear: true,
    changeMonth: true,
    changeYear: true,
    yearSuffix: '년'
  });
});
</script>
    
생년월일: <input type="text" id="datepicker1">

https://zetawiki.com/wiki/JQuery_UI_%EB%82%A0%EC%A7%9C%EC%84%A0%ED%83%9D%EA%B8%B0_datepicker

 

jQuery UI 날짜선택기 datepicker - 제타위키

다음 문자열 포함...

zetawiki.com

 

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

우편번호 API - 다음

http://postcode.map.daum.net/guide

 

Daum 우편번호 서비스

우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다.

postcode.map.daum.net

 

  • Key를 발급받을 필요가 없습니다.
  • 사용량에 대한 제한은 전혀 없습니다.
  • 기업용이든 상업적 용도이든 상관없이 무조건 무료로 사용 가능합니다.
  • 도로명 주소, 지번 주소, 영문 주소까지 모두 확인 가능합니다.
  • 행정안전부에서 제공하는 주소 DB를 직접 업데이트 받고 있으므로 가장 최신의 데이터를 이용하실 수 있습니다.
  • PC 및 모바일웹 환경에서 일반적으로 사용되는 모든 브라우저를 지원합니다.
  • https 환경에서 사용하시려면 https 사용가이드를 참고하세요.

 

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

기본 브라우저로 Chrome 설정

  1. 컴퓨터에서 시작 메뉴 를 클릭합니다.
  2. 설정 을 클릭합니다.
  3. 기본 앱을 엽니다. 기존 버전: 시스템 기본 앱을 클릭합니다. ...
  4. 하단의 '웹 브라우저'에서 현재 브라우저를 클릭합니다. ...
  5. '앱 선택' 창에서 Chrome을 클릭합니다.

 

 

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

크롬(Chrome) autoplay policy 

https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

 

Autoplay Policy Changes  |  Web  |  Google Developers

Learn best practices for good user experiences with the new autoplay policies in Chrome, coming April 2018.

developers.google.com

 

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

웹개발자가 되기 위한 로드맵, 2019 - DevOps

https://github.com/ngio/developer-roadmap

 

ngio/developer-roadmap

웹개발자가 되기 위한 로드맵, 2019. Contribute to ngio/developer-roadmap development by creating an account on GitHub.

github.com

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

Youtube 반복재생 안될때. 

< iframe width="560" height="315" src="https://www.youtube.com/embed/vn6b2gj4EVc?rel=0&autoplay=1&modestbranding=1&loop=1&showinfo=0;playlist=vn6b2gj4EVc"

에서 마지막에 playlist= 에 동영상 코드를 동일하게 넣어주어라. 

그리고, rel= autoplay= 순서 바꾸지 말고. 

 

<iframe width="560" height="315" src="https://www.youtube.com/embed/vn6b2gj4EVc?rel=0&autoplay=1&modestbranding=1&loop=1&showinfo=0;playlist=vn6b2gj4EVc" ~~~></iframe>
Posted by 홍반장水 홍반장水

댓글을 달아 주세요

웹에서 요소 복사. HTML DOM execCommand() Method

현재 선택영역의 텍스트를 인자로 받은 값을 통해 변환시킵니다. 

execCommand 에서 "copy" 명령 사용

document.execCommand('Italic')           // 기울이기
document.execCommand('Underline')        // 밑줄
document.execCommand('StrikeThrough')    // 중간줄
document.execCommand('Cut')              // 자르기
document.execCommand('Copy')             // 복사하기
document.execCommand('Paste')            // 붙혀넣기
document.execCommand('Undo')             // 실행취소
document.execCommand('Redo')             // 다시실행
document.execCommand('insertorderedList')    // 글번호 매기기
document.execCommand('insertunorderdList')   // 글머리 매기기
document.execCommand('outdent')          // 내어쓰기
document.execCommand('indent')           // 들여쓰기
document.execCommand('justifyleft')      // 왼쪽정렬
document.execCommand('justifycenter')    // 가운데정렬
document.execCommand('justifyright')     // 오른쪽정렬

Syntax

document.execCommand(command, showUI, value)

Parameter Values

ValueDescription

command Specifies the name of the command to execute on the selected section. 

Legal values: 
"backColor"
"bold"
"createLink"
"copy"
"cut"
"defaultParagraphSeparator"
"delete"
"fontName"
"fontSize"
"foreColor"
"formatBlock"
"forwardDelete"
"insertHorizontalRule"
"insertHTML"
"insertImage"
"insertLineBreak"
"insertOrderedList"
"insertParagraph"
"insertText"
"insertUnorderedList"
"justifyCenter"
"justifyFull"
"justifyLeft"
"justifyRight"
"outdent"
"paste"
"redo"
"selectAll"
"strikethrough"
"styleWithCss"
"superscript"
"undo"
"unlink"
"useCSS"
showUI A Boolean, specifies if the UI should be shown or not
value Some commands need a value to be completed

 

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

web library - petercollingridge Site http://www.petercollingridge.co.uk/tutorials/

 

Tutorials

Explaining how to make fun things because, if nothing else, it helps me understand them.

petercollingridge.co.uk

Tutorials

Home


Explaining how to make fun things because, if nothing else, it helps me understand them.


SVG Tutorials

Collections of SVG tutorials covering the basics to more advanced techniques for making SVGs interactive.

3D Graphics

Building simple 3D engines with Pygame or processing.js.

Pygame physics simulation

Building a simple but versatile physics simulation with Python and Pygame.

Computational geometry

Solving geometry problems for computer graphics.

Inkscape

How to achieve some simple effects in Inkscape.

Bioinformatics

Various tutorials explaining some simple bioinformatics concepts.

Python

Not really a tutorial, but short explanations of various Python things I've learnt.

 

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

크롬, IE 브라우저 전체화면 - F11 키

fullscreen

또는 부가서비스에서 선택

https://chrome.google.com/webstore/detail/full-screen-for-google-ch/gmimocjjppdelmhpcmpkhekmpoddgima

 

Full Screen for Google Chrome

Go full screen with one click on the button.

chrome.google.com

 

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

Github 에서 kiosk 관련 검색


==================================================================
JAVA

A simple example illustrating how to make a kiosk app using the latest Android SDK (22)
https://github.com/sureshjoshi/android-kiosk-example

Demo / Kiosk mode for Android devices
https://github.com/mitmel/Demo-Mode

This is a template app for Android Kiosk mode
https://github.com/wenchaojiang/AndroidKioskModeTemplate

Simplest way to create a application in kiosk mode/ single purpose device application in android. i e. only the single application can be accessed from the device without any root or special permission.
https://github.com/dinkar1708/KioskModeAndroid

==================================================================
JAVASCRIPT

Point-of-Sale checkout kiosk app for Chrome  
https://github.com/KioskApps/SalesPoint

Kiosk protocol smart contracts https://www.kioskprotocol.com/
https://github.com/kioskprotocol/contracts
Install Node.js
Install Truffle

A tool for developing smart contracts. Crafted with the finest cacaos. https://truffleframework.com
https://github.com/trufflesuite/truffle

Airport live data streaming kiosk app for Chrome
https://github.com/KioskApps/InfoHub

Movie theater kiosk app for Chrome
https://github.com/KioskApps/QuickTicket

 

Posted by 홍반장水 홍반장水
TAG github, Kiosk

댓글을 달아 주세요