html 문서안에? 간단한 메모를 저장할수 있는.... 오래된 96년 소스네요.
문제는 저장용량에 한계가 있는듯 합니다.
<HTML>
<HEAD>
<STYLE><!--
.leading200 { line-height: 200% }
.leading180 { line-height: 180% }
.leading150 { line-height: 150% }
.leading100 { line-height: 100% }
-->
</STYLE>
<scRIPT LANGUAGE=javascript>
<!-- Hide Code
/* This code is Copyright (c) 1996 Nick Heinle and Athenia Associates,
* all rights reserved. In order to receive the right to license this
* code for use on your site the original code must be copied from the
* Web site webreference.com/javascript/. License is granted to user to
* reuse this code on their own Web site if and only if this entire copyright
* notice is included. Code written by Nick Heinle of webreference.com.
*/
function getCookie (name) {
var dcookie = document.cookie;
var cname = name + "=";
var clen = dcookie.length;
var cbegin = 0;
while (cbegin < clen) {
var vbegin = cbegin + cname.length;
if (dcookie.substring(cbegin, vbegin) == cname) {
var vend = dcookie.indexOf (";", vbegin);
if (vend == -1) vend = clen;
return unescape(dcookie.substring(vbegin, vend));
}
cbegin = dcookie.indexOf(" ", cbegin) + 1;
if (cbegin == 0) break;
}
return null;
}
function setCookie (name, value, expires) {
if (!expires) expires = new Date();
document.cookie = name + "=" + escape (value) +
"; expires=" + expires.toGMTString() + "; path=/";
}
function delCookie (name) {
var expireNow = new Date();
document.cookie = name + "=" +
"; expires=Thu, 01-Jan-70 00:00:01 GMT" + "; path=/";
}
// ***End of Heinle Code***
var cookieName = "_note";
function checkNote() {
if(getCookie(cookieName) != null) {
document.note_form.note_output.value = unescape(getCookie(cookieName));
}
}
function writeNote() {
var expdate = new Date();
expdate.setTime(expdate.getTime() + (24 * 60 * 60 * 1000 * 31));
var note = escape(document.note_form.note_input.value);
setCookie(cookieName,note,expdate);
}
// End hide -->
</scRIPT>
</HEAD>
<BODY bgcolor="#FFD18C" text="black" link="blue" vlink="purple" alink="red" onload="checkNote()">
<DIV align="center">
<TABLE border="0" cellpadding="3" bgcolor="#2EE98B">
<TR>
<TD width="573" bgcolor="white"><FONT size="5" color="blue"><B>Free Note</B></FONT></TD>
</TR>
<TR>
<TD width="573" bgcolor="white"><FONT Size="2">여기에 메시지를 남기면 다음 방문할 때 그 메시지를 보실수 있습니다</font>
<FORM name="note_form" method="get"><P align="center"><FONT color="blue"><B>여기에 새로운 메모를 하세요</B></FONT><BR>
<TEXTAREA name="note_input" rows="10" cols="60"></TEXTAREA><BR>
<INPUT type="button" value="Submit" onclick="writeNote()"></P><P align="center"><FONT color="red"><B>귀하가 전에 남기신 메모입니다</B></FONT><BR>
<TEXTAREA name="note_output" rows="10" cols="60"></TEXTAREA></P>
<P align="center"><INPUT type="button" value="Delete Note" onclick="delCookie(cookieName)"></P></FORM></TD>
</TR>
<TR>
<TD width="573"><FORM name="form" method="get"></FORM></TD>
</TR>
</TABLE>
</DIV>
</body>
</HTML>
등록안내
등록안내
쿠키에 데이터를 저장하는거같은데
쿠키는 4kb로 용량이 제한됩니다
한글은 2Byte라 약 512자정도쓸수있겠네요
늘리는건 불가능합니다
막연히 일부러 용량제한을 둔건 아닐꺼다 싶었는데 역시나네요.
방금 full로 저장된 한글을 글자수계산기로 돌려보니...
공백포함 573자(979byte), 공백제외 425자(831byte)가 나오네요.
그런데 1kb = 1,024byte = 한글 512자이던데 쿠키는 4kb...
그럼 3kb는 늘 사용되는 용량이란 의미인가요?
소중한 시간내서 답변 주신거에 '진심' 감사 드립니다.
꾸벅~
한글의 경우 우리가 일반적으로 사용하는 인코딩인euc-kr에서 2byte의 길이를 가집니다.
utf-8의 경우 3byte를 가지게 되는데 현재 소스를 확인해보니
글자를 ascii 코드로 변환하는데 한글을 ascii코드로 변환하게도면 길이가 늘어나게됩니다.
예를들어 "김" 자체는 2byte지만 ascii코드로 변환값은 "%uAE40" 가 됩니다.
'안녕하세요'를 byte로 계산하면 10byte지만 ascii로 변환하면 '%uC548%uB155%uD558%uC138%uC694'가 되서
30byte를 가지게됩니다.
변환값을 확인하고싶으면 다음 gif처럼 따라해보세요
크롬브라우저에서f12누르면 개발자모드창이 뜹니다. 그리고 따라하시면됩니다.
변환됨 ascii코드를 unescape함수에 넣게되면 다시 한글로 나옵니다.
unescape('%uC548%uB155%uD558%uC138%uC694'); -> "안녕하세요"
이렇게 말이죠
@유비드
흐미~ 기대 안했는데 정말 감사합니다.
escape(' ')에서 저장용량 한계인 한글 약 587자(다른내용으로 했더니 조금 더 늘어남)를 일괄 변환하지 못해서...
댓글 내용중 '김'이란 1글자가 6 byte(%uAE40)고, 안녕하세요의 1글자도 6 byte란 근거로...
587자 x 6 byte = 3,522 byte = 약 3.5kb로
쿠키용량 4kb와 비슷하게 나오면서 궁금증이 마저 풀렸습니다ㅎ
시간 내주셔서 정말 고맙습니다.