HTML5 WebStorage - À¥ÀúÀå¼Ò ¶õ?
* HTML5 WebStorage
Ŭ¶óÀ̾ðÆ®Ãø¿¡ µ¥ÀÌÅ͸¦ ÀúÀåÇÒ ¼ö ÀÖ´Â ±â´ÉÀÌ´Ù.
Å°/°ª ½ÖÀ¸·Î µ¥ÀÌÅÍ°¡ ÀúÀåµÇ°í Å°¸¦ ±âÁØÀ¸·Î µ¥ÀÌÅ͸¦ Á¶È¸ÇÑ´Ù.
·ÎÄýºÅ丮Áö(Local Storage): ¿µ±¸ µ¥ÀÌÅ͸¦ ÀúÀåÇÏ´Â ¿ëµµ·Î »ç¿ë
window Àü¿ª°´Ã¼ÀÇ localStorage Ä÷º¼ÇÀ» ÀÌ¿ëÇؼ Á¢±ÙÇÒ ¼ö ÀÖ´Ù.
¼¼¼Ç½ºÅ丮Áö(Session Storage): ºê¶ó¿ìÀú ÄÁÅؽºÆ®¿¡¼¸¸ À¯Áö.
window Àü¿ª°´Ã¼ÀÇ sessionStorage Ä÷º¼ÇÀ» ÀÌ¿ëÇؼ Á¢±ÙÇÒ ¼ö ÀÖ´Ù.
±âÁ¸ÀÇ ÄíÅ°¿Í ¸¹ÀÌ ºñ½ÁÇÏÁö¸¸ ´ÙÀ½°ú °°Àº Á¡ÀÌ °³¼±µÇ¾ú´Ù.
1. ³×Æ®¿öÅ© Æ®·¡ÇÈ °¨Á¶: À¥½ºÅ丮Áö´Â ÀúÀåµÈ µ¥ÀÌÅ͸¦ ¼¹ö¿¡ Àü¼ÛµÇÁö ¾Ê´Â´Ù.
2. ´õ ¸¹Àº ÀúÀå ¿ë·®: ÄíÅ°´Â µ¥ÀÌÅÍÀÇ °³¼ö¿Í ¿ë·®¿¡ Á¦ÇÑ(ÇÑ»çÀÌÆ®´ç 20°³,4KB)À» µÎ°í ÀÖÁö¸¸,
¹«Á¦ÇÑÀº ¾Æ´ÏÁö¸¸ ÈξÀ ´õ Å« ÀڷḦ ÀúÀåÇÒ ¼ö ÀÖµµ·Ï Á¦¾àÀÌ Àû´Ù.
3. ´õ ±ä µ¥ÀÌÅÍ º¸Á¸ ±â°£: ¸¸·á±â°£ÀÌ ¾øÀ¸¹Ç·Î Çѹø ÀúÀåÇÑ µ¥ÀÌÅÍ´Â ¿µ±¸ÀûÀ¸·Î º¸°üµÈ´Ù.
4. °´Ã¼ ÀúÀå: ÄíÅ°´Â ¹®ÀÚ¿¸¸ ÀúÀå °¡´ÉÇÏÁö¸¸ À¥½ºÅ丮Áö´Â °´Ã¼¸¦ ÀúÀåÇÒ ¼ö ÀÖ´Ù.
<!DOCTYPE html>
//Session Storage¿¡ µ¥ÀÌÅÍ ÀúÀå function setSessionStorage(){ //Session Storage Á¶È¸ <input type="text" id="textBox3"> [Ãâó] [HTML5] À¥½ºÅ丮Áö (½ã½ºÄð(ÀÚ¹Ù/¾Èµå·ÎÀ̵å/¼Ö¶ó¸®½º)) |ÀÛ¼ºÀÚ ½ºÇ÷£´õ |
Ãâó: http://cutewebi.tistory.com/712?category=100304 [cutewebi ÈñÁ¤³É¡Ú]