SlideShare a Scribd company logo
1 of 9
Download to read offline
WebStorage
javascript 객체
저장
2014. 10. 27
Version : 1.0.0
This material is proprietary to DGMIT. It contains trade secrets and confidential information which is solely the property of DGMIT.
This material is solely for the Client’s internal use. This material shall not be used, reproduced, copied, disclosed, transmitted,
in whole or in part, without the express consent of DGMIT © All rights reserved.
made by 정보배
R&D2팀
2
CONTENTS.
1. WebStorage javascript 객체 저장 … 5
2. window 객체, javascript class 저장 …… 6
3. 참고 ……………… 8
3
WebStorage javascript 객체 저장
객체 저장을 위해 객체를 문자열로 변환
Javascript 객체
결과 :
객체를 바로 WebStorage에 저장
1.
4
WebStorage javascript 객체 저장
객체 저장을 위해 객체를 문자열로 변환
Javascript 객체obj객체를 JSON 문자열로 변환
변환된 문자열 저장
반환된 문자열을 개체로 변환
1.
5
1.
WebStorage javascript 객체 저장
객체 저장을 위해 객체를 문자열로 변환
결과 :
6
2.
Window 객체, javascript class 저장
객체 저장을 위해 객체를 문자열로 변환
결과 :
7
2.
Window 객체, javascript class 저장
객체 저장을 위해 객체를 문자열로 변환
JSON.stringify 를 통해 window 객체를 문자열로 변환할 수 없다.
현재 WebStorage에 window 객체와 javascript class 객체
저장은 불가능하다고 판단된다.
8
3.
참고
http://stackoverflow.com/questions/13861254/json-stringify-deep-objects
http://ryoostar.tistory.com/66
http://m.mkexdev.net/59
http://lejewk.tistory.com/285
http://l2j.co.kr/2274
http://steadypost.net/post/lecture/id/13/
...
9본사/기업부설연구소 : 135-874 서울특별시 삼성동 봉은사로 424 TROA빌딩 5층
Tel. 070-8680-1770 Fax. 02-2179-9114 http://www.dgmit.com

More Related Content

More from dgmit2009

제 5회 DGMIT R&D 컨퍼런스: Facebook 연동
 제 5회 DGMIT R&D 컨퍼런스: Facebook 연동 제 5회 DGMIT R&D 컨퍼런스: Facebook 연동
제 5회 DGMIT R&D 컨퍼런스: Facebook 연동dgmit2009
 
제 5회 R&D 컨퍼런스 _양진희_20141125
제 5회 R&D 컨퍼런스 _양진희_20141125제 5회 R&D 컨퍼런스 _양진희_20141125
제 5회 R&D 컨퍼런스 _양진희_20141125dgmit2009
 
제 5회 DGMIT R&D 컨퍼런스: JavsScript Event Bubbling & Capturing
제 5회 DGMIT R&D 컨퍼런스: JavsScript Event Bubbling & Capturing제 5회 DGMIT R&D 컨퍼런스: JavsScript Event Bubbling & Capturing
제 5회 DGMIT R&D 컨퍼런스: JavsScript Event Bubbling & Capturingdgmit2009
 
제 5회 DGMIT R&D 컨퍼런스: Sound Module With OperSLEs
제 5회 DGMIT R&D 컨퍼런스: Sound Module With OperSLEs제 5회 DGMIT R&D 컨퍼런스: Sound Module With OperSLEs
제 5회 DGMIT R&D 컨퍼런스: Sound Module With OperSLEsdgmit2009
 
제 5회 DGMIT R&D 컨퍼런스: HTML Graphics AP
 제 5회 DGMIT R&D 컨퍼런스: HTML Graphics AP 제 5회 DGMIT R&D 컨퍼런스: HTML Graphics AP
제 5회 DGMIT R&D 컨퍼런스: HTML Graphics APdgmit2009
 
제 5회 DGMIT UI&UX 컨퍼런스: 브랜드 디자인
제 5회 DGMIT UI&UX 컨퍼런스: 브랜드 디자인제 5회 DGMIT UI&UX 컨퍼런스: 브랜드 디자인
제 5회 DGMIT UI&UX 컨퍼런스: 브랜드 디자인dgmit2009
 
제 5회 DGMIT UI&UX 컨퍼런스: 2015 웹디자인 트렌드
제 5회 DGMIT UI&UX 컨퍼런스: 2015 웹디자인 트렌드제 5회 DGMIT UI&UX 컨퍼런스: 2015 웹디자인 트렌드
제 5회 DGMIT UI&UX 컨퍼런스: 2015 웹디자인 트렌드dgmit2009
 
제 5회 DGMIT UI&UX 컨퍼런스: 2014 웨어러블 디바이스
제 5회 DGMIT UI&UX 컨퍼런스: 2014 웨어러블 디바이스제 5회 DGMIT UI&UX 컨퍼런스: 2014 웨어러블 디바이스
제 5회 DGMIT UI&UX 컨퍼런스: 2014 웨어러블 디바이스dgmit2009
 
제 5회 DGMIT UI&UX 컨퍼런스: 세계최초의 UX디자이너 Walt Disney
제 5회 DGMIT UI&UX 컨퍼런스: 세계최초의 UX디자이너 Walt Disney제 5회 DGMIT UI&UX 컨퍼런스: 세계최초의 UX디자이너 Walt Disney
제 5회 DGMIT UI&UX 컨퍼런스: 세계최초의 UX디자이너 Walt Disneydgmit2009
 
제 4회 DGMIT R&D 컨퍼런스 : 컨퍼런스 개인 프로젝트 발표
제 4회 DGMIT R&D 컨퍼런스 : 컨퍼런스 개인 프로젝트 발표제 4회 DGMIT R&D 컨퍼런스 : 컨퍼런스 개인 프로젝트 발표
제 4회 DGMIT R&D 컨퍼런스 : 컨퍼런스 개인 프로젝트 발표dgmit2009
 
제 4회 DGMIT R&D 컨퍼런스 : Making a JavaScript based Application in Mac OS X
제 4회 DGMIT R&D 컨퍼런스 : Making a JavaScript based Application in Mac OS X제 4회 DGMIT R&D 컨퍼런스 : Making a JavaScript based Application in Mac OS X
제 4회 DGMIT R&D 컨퍼런스 : Making a JavaScript based Application in Mac OS Xdgmit2009
 
제 4회 DGMIT R&D 컨퍼런스 : REST API - 리소스 지향적 아키텍처
제 4회 DGMIT R&D 컨퍼런스 : REST API - 리소스 지향적 아키텍처제 4회 DGMIT R&D 컨퍼런스 : REST API - 리소스 지향적 아키텍처
제 4회 DGMIT R&D 컨퍼런스 : REST API - 리소스 지향적 아키텍처dgmit2009
 
제 4회 DGMIT R&D 컨퍼런스 : IIFE와 QA공통항목
제 4회 DGMIT R&D 컨퍼런스 : IIFE와 QA공통항목제 4회 DGMIT R&D 컨퍼런스 : IIFE와 QA공통항목
제 4회 DGMIT R&D 컨퍼런스 : IIFE와 QA공통항목dgmit2009
 
제 4회 DGMIT R&D 컨퍼런스 : Android NDK
제 4회 DGMIT R&D 컨퍼런스 : Android NDK제 4회 DGMIT R&D 컨퍼런스 : Android NDK
제 4회 DGMIT R&D 컨퍼런스 : Android NDKdgmit2009
 
제 4회 DGMIT UI&UX 컨퍼런스 : 색의 이해
제 4회 DGMIT UI&UX 컨퍼런스 : 색의 이해제 4회 DGMIT UI&UX 컨퍼런스 : 색의 이해
제 4회 DGMIT UI&UX 컨퍼런스 : 색의 이해dgmit2009
 
제 4회 DGMIT UI&UX 컨퍼런스 : 2014 UX/UI 디자인 트렌드 중간점검
제 4회 DGMIT UI&UX 컨퍼런스 : 2014 UX/UI 디자인 트렌드 중간점검제 4회 DGMIT UI&UX 컨퍼런스 : 2014 UX/UI 디자인 트렌드 중간점검
제 4회 DGMIT UI&UX 컨퍼런스 : 2014 UX/UI 디자인 트렌드 중간점검dgmit2009
 
제 4회 DGMIT UI&UX 컨퍼런스 : 성공적인 '코카콜라'의 소셜 미디어 마케팅
제 4회 DGMIT UI&UX 컨퍼런스 : 성공적인 '코카콜라'의 소셜 미디어 마케팅제 4회 DGMIT UI&UX 컨퍼런스 : 성공적인 '코카콜라'의 소셜 미디어 마케팅
제 4회 DGMIT UI&UX 컨퍼런스 : 성공적인 '코카콜라'의 소셜 미디어 마케팅dgmit2009
 
제 4회 DGMIT UI&UX 컨퍼런스 : 타이포그래피의 기초와 전시회 소개
제 4회 DGMIT UI&UX 컨퍼런스 : 타이포그래피의 기초와 전시회 소개제 4회 DGMIT UI&UX 컨퍼런스 : 타이포그래피의 기초와 전시회 소개
제 4회 DGMIT UI&UX 컨퍼런스 : 타이포그래피의 기초와 전시회 소개dgmit2009
 
DGMIT 제3회 R&D 컨퍼런스 2TEAM : Sublime Text
DGMIT 제3회 R&D 컨퍼런스 2TEAM : Sublime TextDGMIT 제3회 R&D 컨퍼런스 2TEAM : Sublime Text
DGMIT 제3회 R&D 컨퍼런스 2TEAM : Sublime Textdgmit2009
 
DGMIT 제3회 R&D 컨퍼런스 2TEAM : Sublime Text
DGMIT 제3회 R&D 컨퍼런스 2TEAM : Sublime TextDGMIT 제3회 R&D 컨퍼런스 2TEAM : Sublime Text
DGMIT 제3회 R&D 컨퍼런스 2TEAM : Sublime Textdgmit2009
 

More from dgmit2009 (20)

제 5회 DGMIT R&D 컨퍼런스: Facebook 연동
 제 5회 DGMIT R&D 컨퍼런스: Facebook 연동 제 5회 DGMIT R&D 컨퍼런스: Facebook 연동
제 5회 DGMIT R&D 컨퍼런스: Facebook 연동
 
제 5회 R&D 컨퍼런스 _양진희_20141125
제 5회 R&D 컨퍼런스 _양진희_20141125제 5회 R&D 컨퍼런스 _양진희_20141125
제 5회 R&D 컨퍼런스 _양진희_20141125
 
제 5회 DGMIT R&D 컨퍼런스: JavsScript Event Bubbling & Capturing
제 5회 DGMIT R&D 컨퍼런스: JavsScript Event Bubbling & Capturing제 5회 DGMIT R&D 컨퍼런스: JavsScript Event Bubbling & Capturing
제 5회 DGMIT R&D 컨퍼런스: JavsScript Event Bubbling & Capturing
 
제 5회 DGMIT R&D 컨퍼런스: Sound Module With OperSLEs
제 5회 DGMIT R&D 컨퍼런스: Sound Module With OperSLEs제 5회 DGMIT R&D 컨퍼런스: Sound Module With OperSLEs
제 5회 DGMIT R&D 컨퍼런스: Sound Module With OperSLEs
 
제 5회 DGMIT R&D 컨퍼런스: HTML Graphics AP
 제 5회 DGMIT R&D 컨퍼런스: HTML Graphics AP 제 5회 DGMIT R&D 컨퍼런스: HTML Graphics AP
제 5회 DGMIT R&D 컨퍼런스: HTML Graphics AP
 
제 5회 DGMIT UI&UX 컨퍼런스: 브랜드 디자인
제 5회 DGMIT UI&UX 컨퍼런스: 브랜드 디자인제 5회 DGMIT UI&UX 컨퍼런스: 브랜드 디자인
제 5회 DGMIT UI&UX 컨퍼런스: 브랜드 디자인
 
제 5회 DGMIT UI&UX 컨퍼런스: 2015 웹디자인 트렌드
제 5회 DGMIT UI&UX 컨퍼런스: 2015 웹디자인 트렌드제 5회 DGMIT UI&UX 컨퍼런스: 2015 웹디자인 트렌드
제 5회 DGMIT UI&UX 컨퍼런스: 2015 웹디자인 트렌드
 
제 5회 DGMIT UI&UX 컨퍼런스: 2014 웨어러블 디바이스
제 5회 DGMIT UI&UX 컨퍼런스: 2014 웨어러블 디바이스제 5회 DGMIT UI&UX 컨퍼런스: 2014 웨어러블 디바이스
제 5회 DGMIT UI&UX 컨퍼런스: 2014 웨어러블 디바이스
 
제 5회 DGMIT UI&UX 컨퍼런스: 세계최초의 UX디자이너 Walt Disney
제 5회 DGMIT UI&UX 컨퍼런스: 세계최초의 UX디자이너 Walt Disney제 5회 DGMIT UI&UX 컨퍼런스: 세계최초의 UX디자이너 Walt Disney
제 5회 DGMIT UI&UX 컨퍼런스: 세계최초의 UX디자이너 Walt Disney
 
제 4회 DGMIT R&D 컨퍼런스 : 컨퍼런스 개인 프로젝트 발표
제 4회 DGMIT R&D 컨퍼런스 : 컨퍼런스 개인 프로젝트 발표제 4회 DGMIT R&D 컨퍼런스 : 컨퍼런스 개인 프로젝트 발표
제 4회 DGMIT R&D 컨퍼런스 : 컨퍼런스 개인 프로젝트 발표
 
제 4회 DGMIT R&D 컨퍼런스 : Making a JavaScript based Application in Mac OS X
제 4회 DGMIT R&D 컨퍼런스 : Making a JavaScript based Application in Mac OS X제 4회 DGMIT R&D 컨퍼런스 : Making a JavaScript based Application in Mac OS X
제 4회 DGMIT R&D 컨퍼런스 : Making a JavaScript based Application in Mac OS X
 
제 4회 DGMIT R&D 컨퍼런스 : REST API - 리소스 지향적 아키텍처
제 4회 DGMIT R&D 컨퍼런스 : REST API - 리소스 지향적 아키텍처제 4회 DGMIT R&D 컨퍼런스 : REST API - 리소스 지향적 아키텍처
제 4회 DGMIT R&D 컨퍼런스 : REST API - 리소스 지향적 아키텍처
 
제 4회 DGMIT R&D 컨퍼런스 : IIFE와 QA공통항목
제 4회 DGMIT R&D 컨퍼런스 : IIFE와 QA공통항목제 4회 DGMIT R&D 컨퍼런스 : IIFE와 QA공통항목
제 4회 DGMIT R&D 컨퍼런스 : IIFE와 QA공통항목
 
제 4회 DGMIT R&D 컨퍼런스 : Android NDK
제 4회 DGMIT R&D 컨퍼런스 : Android NDK제 4회 DGMIT R&D 컨퍼런스 : Android NDK
제 4회 DGMIT R&D 컨퍼런스 : Android NDK
 
제 4회 DGMIT UI&UX 컨퍼런스 : 색의 이해
제 4회 DGMIT UI&UX 컨퍼런스 : 색의 이해제 4회 DGMIT UI&UX 컨퍼런스 : 색의 이해
제 4회 DGMIT UI&UX 컨퍼런스 : 색의 이해
 
제 4회 DGMIT UI&UX 컨퍼런스 : 2014 UX/UI 디자인 트렌드 중간점검
제 4회 DGMIT UI&UX 컨퍼런스 : 2014 UX/UI 디자인 트렌드 중간점검제 4회 DGMIT UI&UX 컨퍼런스 : 2014 UX/UI 디자인 트렌드 중간점검
제 4회 DGMIT UI&UX 컨퍼런스 : 2014 UX/UI 디자인 트렌드 중간점검
 
제 4회 DGMIT UI&UX 컨퍼런스 : 성공적인 '코카콜라'의 소셜 미디어 마케팅
제 4회 DGMIT UI&UX 컨퍼런스 : 성공적인 '코카콜라'의 소셜 미디어 마케팅제 4회 DGMIT UI&UX 컨퍼런스 : 성공적인 '코카콜라'의 소셜 미디어 마케팅
제 4회 DGMIT UI&UX 컨퍼런스 : 성공적인 '코카콜라'의 소셜 미디어 마케팅
 
제 4회 DGMIT UI&UX 컨퍼런스 : 타이포그래피의 기초와 전시회 소개
제 4회 DGMIT UI&UX 컨퍼런스 : 타이포그래피의 기초와 전시회 소개제 4회 DGMIT UI&UX 컨퍼런스 : 타이포그래피의 기초와 전시회 소개
제 4회 DGMIT UI&UX 컨퍼런스 : 타이포그래피의 기초와 전시회 소개
 
DGMIT 제3회 R&D 컨퍼런스 2TEAM : Sublime Text
DGMIT 제3회 R&D 컨퍼런스 2TEAM : Sublime TextDGMIT 제3회 R&D 컨퍼런스 2TEAM : Sublime Text
DGMIT 제3회 R&D 컨퍼런스 2TEAM : Sublime Text
 
DGMIT 제3회 R&D 컨퍼런스 2TEAM : Sublime Text
DGMIT 제3회 R&D 컨퍼런스 2TEAM : Sublime TextDGMIT 제3회 R&D 컨퍼런스 2TEAM : Sublime Text
DGMIT 제3회 R&D 컨퍼런스 2TEAM : Sublime Text
 

Recently uploaded

Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)Wonjun Hwang
 
MOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution DetectionMOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution DetectionKim Daeun
 
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...Kim Daeun
 
캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차캐드앤그래픽스
 
A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)Tae Young Lee
 
Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)Wonjun Hwang
 

Recently uploaded (6)

Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)
 
MOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution DetectionMOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution Detection
 
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
 
캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차
 
A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)
 
Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)
 

제 4회 DGMIT R&D 컨퍼런스 : WebStorage javascript 객체저장