Html5/webSqlDatabase - Revision history

Maintenance script: Repair batch-0008 pages from live compare

2026-03-27T01:40:37Z

Repair batch-0008 pages from live compare

← Older revision		Revision as of 01:40, 27 March 2026
Line 1:		Line 1:
	~~[[pagelist~~(html5)&~~#93;]~~		<!-- MONIWIKI PageList(html5) -->
			* [[html5]]
			* [[html5/VA]]
			* [[html5/canvas]]
			* [[html5/communicationAPI]]
			* [[html5/drag-and-drop]]
			* [[html5/form]]
			* [[html5/geolocation]]
			* [[html5/offline-web-application]]
			* [[html5/others-api]]
			* [[html5/outline]]
			* [[html5/overview]]
			* [[html5/richtext-edit]]
			* [[html5/section]]
			* [[html5/video&audio]]
			* [[html5/web-storage]]
			* [[html5/web-workers]]
			* [[html5/webSqlDatabase]]
			* [[html5/websocket]]
			* [[html5/문제점]]
			* [[html5practice]]
			* [[html5practice/roundRect]]
			* [[html5practice/계층형자료구조그리기]]
			* [[html5practice/즐겨찾기목록만들기]]
	__TOC__		__TOC__
	= 개요 =		= 개요 =
Line 21:		Line 44:
	}		}
	== Indexed Database ==		== Indexed Database ==
	* SeeAlso) [[html5/indexedDatabase]]		* SeeAlso) html5/indexedDatabase
	* Indexed Database는 새로 등장한 또다른 로컬 저장소 스펙이다		* Indexed Database는 새로 등장한 또다른 로컬 저장소 스펙이다
	* 2009년 말까지 사양 책정이 진행중이던 Web SQL Database 의 대안으로 탄생했다		* 2009년 말까지 사양 책정이 진행중이던 Web SQL Database 의 대안으로 탄생했다
Line 37:		Line 60:
	**		**
	transaction()		transaction()
	, ~~{{{~~readTransaction~~}}}~~		, readTransaction
	== 변수 선언 ==		== 변수 선언 ==
	var html5rocks = {};		var html5rocks = {};
Line 64:		Line 87:
	html5rocks.webdb.db.transaction(function(tx) {		html5rocks.webdb.db.transaction(function(tx) {
	tx.executeSql('CREATE TABLE IF NOT EXISTS ' +		tx.executeSql('CREATE TABLE IF NOT EXISTS ' +
	'todo(ID INTEGER PRIMARY KEY ASC, todo TEXT, added_on DATETIME)', []);		'todo(ID INTEGER PRIMARY KEY ASC, todo TEXT, added_on DATETIME)', []);
	});		});
	}		}
Line 73:		Line 96:
	var addedOn = new Date();		var addedOn = new Date();
	tx.executeSql('INSERT INTO todo(todo, added_on) VALUES (?,?)',		tx.executeSql('INSERT INTO todo(todo, added_on) VALUES (?,?)',
	[todoText, addedOn],		[todoText, addedOn],
	html5rocks.webdb.onSuccess,		html5rocks.webdb.onSuccess,
	html5rocks.webdb.onError);		html5rocks.webdb.onError);
Line 82:		Line 105:
	html5rocks.webdb.getAllTodoItems = function(renderFunc) {		html5rocks.webdb.getAllTodoItems = function(renderFunc) {
	html5rocks.webdb.db.transaction(function(tx) {		html5rocks.webdb.db.transaction(function(tx) {
	tx.executeSql('SELECT * FROM todo', [], renderFunc,		tx.executeSql('SELECT * FROM todo', [], renderFunc,
	html5rocks.webdb.onError);		html5rocks.webdb.onError);
	});		});
Line 98:		Line 121:
	function renderTodo(row) {		function renderTodo(row) {
	return '<li>' + row.ID +		return '<li>' + row.ID +
	'[<a onclick="html5rocks.webdb.deleteTodo(' + row.ID + ');"'>X</a>]</li>';		'[<a onclick="html5rocks.webdb.deleteTodo(' + row.ID + ');"'>X</a>]</li>';
	}		}
	== 데이터 지우기 ==		== 데이터 지우기 ==
	html5rocks.webdb.deleteTodo = function(id) {		html5rocks.webdb.deleteTodo = function(id) {
	html5rocks.webdb.db.transaction(function(tx) {		html5rocks.webdb.db.transaction(function(tx) {
	tx.executeSql('DELETE FROM todo WHERE ID=?', [id],		tx.executeSql('DELETE FROM todo WHERE ID=?', [id],
	loadTodoItems, html5rocks.webdb.onError);		loadTodoItems, html5rocks.webdb.onError);
	});		});

Maintenance script: Repair MoniWiki formatting after migration

2026-03-26T14:01:49Z

Repair MoniWiki formatting after migration

← Older revision		Revision as of 14:01, 26 March 2026
Line 138:		Line 138:
	* http://dev.w3.org/html5/webdatabase/		* http://dev.w3.org/html5/webdatabase/
	* http://html5.jidolstar.com/tag/web%20sql%20databaseo		* http://html5.jidolstar.com/tag/web%20sql%20databaseo

imported>beonit at 15:23, 11 October 2010

2010-10-11T15:23:22Z

← Older revision		Revision as of 15:23, 11 October 2010
Line 2:		Line 2:
	__TOC__		__TOC__
	= 개요 =		= 개요 =
	* SeeAlso) [[html5/web-~~Storage~~]]		* SeeAlso) [[html5/web-storage]]
	* 로컬 저장소의 일부. [[html5/web-~~Storage~~]]외에 추가 제공되는 것.		* 로컬 저장소의 일부. [[html5/web-storage]]외에 추가 제공되는 것.
	* 브라우저 자체 경량 DB		* 브라우저 자체 경량 DB
	* web storage와 비교		* web storage와 비교

imported>beonit at 15:22, 11 October 2010

2010-10-11T15:22:52Z

← Older revision		Revision as of 15:22, 11 October 2010
Line 2:		Line 2:
	__TOC__		__TOC__
	= 개요 =		= 개요 =
			* SeeAlso) [[html5/web-Storage]]
	* 로컬 저장소의 일부. [[html5/web-Storage]]외에 추가 제공되는 것.		* 로컬 저장소의 일부. [[html5/web-Storage]]외에 추가 제공되는 것.
	* 브라우저 자체 경량 DB		* 브라우저 자체 경량 DB

imported>beonit at 15:22, 11 October 2010

2010-10-11T15:22:24Z

← Older revision		Revision as of 15:22, 11 October 2010
Line 6:		Line 6:
	* web storage와 비교		* web storage와 비교
	** WebStorage는 간단한 데이터를 저장하기 적합.		** WebStorage는 간단한 데이터를 저장하기 적합.
	** WebSqlDatabase는 보다 구조적이고 체계화된 ~~관계혀~~ 데이터 베이스를 대량으로 저장		** WebSqlDatabase는 보다 구조적이고 체계화된 관계형 데이터 베이스를 대량으로 저장
	* 안정적인 경량 관계형 자료구조 지원, 표준 SQL질의 지원		* 안정적인 경량 관계형 자료구조 지원, 표준 SQL질의 지원
	*SQLite를 기반으로 하고 있다.		*SQLite를 기반으로 하고 있다.

imported>rabierre at 11:18, 11 October 2010

2010-10-11T11:18:00Z

← Older revision		Revision as of 11:18, 11 October 2010
Line 2:		Line 2:
	__TOC__		__TOC__
	= 개요 =		= 개요 =
	* 로컬 저장소의 일부. [[html5/~~webStorage~~]]외에 추가 제공되는 것.		* 로컬 저장소의 일부. [[html5/web-Storage]]외에 추가 제공되는 것.
	* 브라우저 자체 경량 DB		* 브라우저 자체 경량 DB
	* web storage와 비교		* web storage와 비교
Line 10:		Line 10:
	*SQLite를 기반으로 하고 있다.		*SQLite를 기반으로 하고 있다.
	== 브라우저 지원 ==		== 브라우저 지원 ==
	* 의외로 ~~파이폭스에서~~ 지원하지 않는다.		* 의외로 파이어폭스에서 지원하지 않는다.
	** '''심지어 내부 디비가 sqlite 임에도 불구하고.'''		** '''심지어 내부 디비가 sqlite 임에도 불구하고.'''
	* 아래의 코드를 이용하면 지원 여부를 확인 할 수 있다.		* 아래의 코드를 이용하면 지원 여부를 확인 할 수 있다.
Line 40:		Line 40:
	var html5rocks = {};		var html5rocks = {};
	html5rocks.webdb = {};		html5rocks.webdb = {};
	}}		== 열기 ==
	== 열기 ==		* 사용전에 반드시 데이터 베이스를 열어야 한다.
	* 사용전에 반드시 데이터 베이스를 열어야 한다.
	~~{{{~~
	html5rocks.webdb.db = null;		html5rocks.webdb.db = null;

imported>beonit at 10:14, 11 October 2010

2010-10-11T10:14:15Z

← Older revision		Revision as of 10:14, 11 October 2010
Line 87:		Line 87:
	});		});
	}		}
	=== 결과 표시 ==		=== 결과 표시 ===
	function loadTodoItems(tx, rs) {		function loadTodoItems(tx, rs) {
	var rowOutput = "";		var rowOutput = "";

imported>beonit at 10:13, 11 October 2010

2010-10-11T10:13:23Z

@@ Line 9: / Line 9: @@
 * 안정적인 경량 관계형 자료구조 지원, 표준 SQL질의 지원
   *SQLite를 기반으로 하고 있다.
 = 참고 =
 * http://m.mkexdev.net/61
@@ Line 14: / Line 138: @@
 * http://html5doctor.com/introducing-web-sql-databases/
 * http://dev.w3.org/html5/webdatabase/
-* http://html5.jidolstar.com/tag/web%20sql%20database
+* http://html5.jidolstar.com/tag/web%20sql%20databaseo

imported>beonit at 00:09, 10 October 2010

2010-10-10T00:09:19Z

← Older revision		Revision as of 00:09, 10 October 2010
Line 1:		Line 1:
	[[pagelist(html5)]]		[[pagelist(html5)]]
	__TOC__		__TOC__
	== 참고 ==		= 개요 =
			* 로컬 저장소의 일부. [[html5/webStorage]]외에 추가 제공되는 것.
			* 브라우저 자체 경량 DB
			* web storage와 비교
			** WebStorage는 간단한 데이터를 저장하기 적합.
			** WebSqlDatabase는 보다 구조적이고 체계화된 관계혀 데이터 베이스를 대량으로 저장
			* 안정적인 경량 관계형 자료구조 지원, 표준 SQL질의 지원
			*SQLite를 기반으로 하고 있다.
			= 참고 =
	* http://m.mkexdev.net/61		* http://m.mkexdev.net/61
	* http://www.html5rocks.com/tutorials/webdatabase/todo/		* http://www.html5rocks.com/tutorials/webdatabase/todo/

imported>beonit at 04:26, 9 October 2010

2010-10-09T04:26:20Z

← Older revision		Revision as of 04:26, 9 October 2010
Line 1:		Line 1:
	[[pagelist(html5)]]		[[pagelist(html5)]]
	__TOC__		__TOC__
			== 참고 ==
			* http://m.mkexdev.net/61
			* http://www.html5rocks.com/tutorials/webdatabase/todo/
			* http://html5doctor.com/introducing-web-sql-databases/
			* http://dev.w3.org/html5/webdatabase/
			* http://html5.jidolstar.com/tag/web%20sql%20database