localStorage 활용 초간단 todo list 크롬 익스텐션

javascript2011. 12. 10. 12:56

localStorage 활용 초간단 todo list 크롬 익스텐션

크롬 확장에 추가를 하였다.

아이템을 추가를 해봤다.

localStorage 의 경우에는 각 도메인당 하나의 저장공간을 사용한다.

html 구조는 다음과 같다.

스크립트는 간단하게 다음과 같이 만들었다.

var add=  document.getElementById('tdAdd');
var list = document.getElementById('tdList');
var itemCnt=0;

if(localStorage.length == 0){
	list.appendChild(make_li(null,'새로 추가하려면 밑에 +를 누르세여'));
}else{
	for(var i=0; i < localStorage.length; i++){
		if(localStorage.key(i).indexOf('assa-todo-') == 0){
			//
			list.appendChild(
				make_li(
					localStorage.key(i),
					localStorage.getItem(
						localStorage.key(i)
					)
				)
			);
			//
		}
	}
}

키, 값 쌍으로 저장하고 불러오는 구조로 간단하면서도 유용하다.

css는 그냥 주서썻다.

크롬 익스텐션은 매우 간단하게 만들수 있었다.

사용된 manifest.json 은 다음과 같다.

저작자표시

'javascript' 카테고리의 다른 글

ASSA3d simple engine 파티클 (1)	2011.12.30
ASSA3d simple engine 테스트 , 크롬,파폭 (0)	2011.12.27
localStorage 활용 초간단 todo list 크롬 익스텐션 (0)	2011.12.10
tree viewer HTML5 (0)	2011.12.09
TDOP parsing (재귀 하향식 연산자 우선순위 파싱) 사칙연산 (0)	2011.12.05
text scanner 예제 (0)	2011.12.05

Posted by 멍충한아싸

Trackback 0 Comment 0

댓글을 달아 주세요

«이전 1 ··· 27 28 29 30 31 32 33 34 35 ··· 240 다음»

일	월	화	수	목	금	토
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31

성대아싸의 멍충한 프로그래밍