이름 그대로 웹와 네이티브앱이 진짜 합쳐진 것을 하이브리드앱이라고 합니다
합체를 시키는 방법이야 하기 나름인데

가장 간단한 형태론 네이티브앱을 구동시키면 정해진 웹페이지를 불러오는 방식이죠

복잡한 형태로는 네이티브앱안에 html이나 이미지를 미리 넣어놓고 일부는 내장된 html을 읽어서
화면에 뿌려주고 일부는 웹에 접속해서 정보를 가져옵니다

어느 방식을 택하던 간에 기본적인건 네이티브앱이 먼저 실행되어서
웹기술로 만들어진 것을 불러온다는 것입니다

하이브리드앱의 장점은
진짜 알맹이들은 웹기술로 쉽고 빠르게 만들고
몇몇 네이티브앱만이 할 수 있는 부분들을 추가시켜줍니다
스토어 등록이나 카메라 기능등..

그리고 알맹이가 웹기술이니까 ios와 안드로이드 두가지 기술은 껍데기에만 적용하여
아이폰앱과 안드로이드앱을 각각 따로따로 만들 필요도 없으며
웹 하나를 수정하면 각 플래폼들 전체에 적용되므로
유지보수도 굉장히 용이합니다

단점은
네이티브앱보다 훨씬 성능이 떨어지는 것은 말할 것도 없지만
웹앱보다도 속도등 성능이 떨어지는 수가 있습니다 (네이티브앱이 웹앱을 구동시키는 거니까)
또한 웹을 주력으로 아이폰,안드로이드등 플랫폼에 관계없이
호환할 수 있다곤 하지만 이들에 대한 이해가 얇은 상태에서 웹만 믿고
툴등을 사용해서 구현하다가 안드와 아이폰의 화면이 각각 다르게 나온다던지
기기업데이트에 따라 화면이 바뀐다던지 하는 문제가 발생하면
유지보수가 용이하긴 커녕 도리어 문제분석자체가 안되어
시간이 몇배 더 걸릴 수 있습니다

하이브리드앱 개발 개요 : http://www.slideshare.net/TailoJang/ss-27649686
하이브리드앱 개발 전략과 이슈 : http://www.slideshare.net/iolo/ss-13724051?next_slideshow=1
HTML5를 활용한 하이브리드 앱 개발하기 : http://www.slideshare.net/ssuserf7319e/html5-8528270?related=1
HTML5 를 이용한 하이브리드앱 제작 : http://www.slideshare.net/zanylove/html5-6608906?next_slideshow=1
하이브리드앱 아키텍쳐 및 개발 사례 : http://www.slideshare.net/iolo/ss-10414146?related=1

SET IDENTITY_INSERT (Transact-SQL)

Syntax

SET IDENTITY_INSERT [ database_name . [ schema_name ] . ] table { ON | OFF }

Arguments

https://msdn.microsoft.com/en-us/library/ms188059.aspx

basicContext: Easy menus for your website

basicContext makes it easy to create menus for your website or app. It works with all kinds of events, always stays on screen, and is written in Vanilla JS.

basicContext

Easy-to-use context-menu for your website or webapp.

Demos

Features

• Works in all modern browsers
• Written in Vanilla JS
• Stays within the viewport and never opens outside the visible screen-area (Demo)
• Scrollable, when the height of the context-menu is bigger than the height of the browser (Demo)

Requirements

basicContext is written in Vanilla JS and only dependents on the following browser APIs:

• classList

All of these APIs are capable of being polyfilled in older browser. Check the linked resources above to determine if you must polyfill to achieve your desired level of browser support.

basicModal: Modern dialog system for your web apps

basicModal is a dialog system for your modern web apps. It’s easy to use, includes support for text inputs, and includes drop-down elements, among other features.

basicModal

Easy-to-use dialog system for modern web-apps.

basicModal is a dialog-system for modern web-apps. It includes everything you need to display information, ask questions or request input from the user. Modals can be chained, so you can easily build a setup-assistant or show dialogs in a predefined order. Invalid input can be highlighted and handled using the included function.

basicModal uses SASS, CoffeeScript, CSS3 Flexbox and only requires jQuery on your website.

Tested with the latest versions of Mozilla Firefox, Apple Safari, Google Chrome, Microsoft Internet Explorer (10+) and Opera.

캡챠

reCAPTCHA

오래전에 제작된 종이책들을 텍스트화하기 위해 OCR 프로그램을 사용하는데, 낙서나 얼룩, 헤짐 등의 방해요소만 있어도 OCR 프로그램은 텍스트를 제대로 인식하지 못한다. 이런 단어들은 사람이 하나하나 판독해야 하지만 수요가 적은 책들까지 일일이 입력하려면 노동력과 인건비가 많이 들어간다. 이를 해결하기 위해 CAPTCHA를 입력하는 수많은 사용자들의 힘을 빌리는 것이 바로 reCAPTCHA이다.

reCAPTCHA는 다음과 같은 과정을 거친다.
1.reCAPTCHA는 두 개의 암호코드를 제시한다. 하나는 컴퓨터가 이미 답을 알고 있는 단어이지만 다른 하나는 서적을 텍스트화 하는 도중 OCR이 인식하지 못한 단어이다.
2.사용자가 두 단어를 모두 입력하면 컴퓨터는 이미 답을 아는 단어로 대상이 사람인지를 확인한다.
3.대상이 사람이라고 판정된 경우 나머지 단어 또한 정답으로 판단한다.
4.이렇게 인식하지 못한 한 단어를 여러 번 반복해서 테스트한 뒤 높은 비율로 입력된 단어를 선택해 책을 텍스트화하는 데에 적용하게 된다.

시각장애인을 위한 오디오 reCAPTCHA의 경우에도 옛 라디오 프로그램 중에서 자동으로 소리 인식이 되지 못한 부분을 활용한다.

reCAPTCHA를 통해 텍스트화되는 책의 숫자는 연간 250만권 정도에 해당한다. 하루에 10만건에 이르는 이 절차들은 CAPTCHA를 입력하는 데 낭비되는 시간을 활용하면서 수많은 책의 디지털화에 기여하고 있다.

reCAPTCHA를 사용하려는 유저들은 reCAPTCHA 배포 사이트를 통해 무료로 이용할 수 있다.

https://www.google.com/recaptcha/

예제 : https://developers.google.com/recaptcha/docs/display#js_api

속성 : https://developers.google.com/recaptcha/docs/display

Simple.Timer: A jQuery timer plugin

타이머

Simple.Timer is a jQuery countdown timer plugin. It’s easy to configure and you can customize the behavior upon the clock running out.

.