localstorage :  

만료시점이 없음.

영구적으로 보관, 

도메인마다 별도로 로컬스토리지 생성. 

window.localStorage라는 컬렉션을 통해 저장되고 조회됨. 


sessionStorage :

 window.localStroage와 유사. 하지만 페이지 세션이 종료 되면 바로 제거됨, 

브라우져별로 다르면 서로 다른영역. 브라우져가 다르면, 



webstorage는 클라이언트에서 값을 수정할 수 있다.


cookie 

한사이트에 max 20개, 쿠키 한개에 4kb, 만료일자 지정해야함. 


limit에 관한 이야기 

http://www.html5rocks.com/ko/tutorials/offline/quota-research/

http://stackoverflow.com/questions/2989284/what-is-the-max-size-of-localstorage-values


webstorage에 관한 글 

https://developer.mozilla.org/ko/docs/Web/API/Window/sessionStorage

http://youngwonjang.github.io/2015/03/08/web-storage-post.html



쿠키 :  http프로토콜의 헤더에 포함된다. 

고로 계속 통신이 됨. 


cookie와 localstorage에 대해검색하니 jwt이야기가 나옴. 

울팀 곽오나시님이 발표해주셨었는데 좀더 물어봐야겠다.



localstorage limit,  리밋확인가능 

https://arty.name/localstorage.html

http://demo.agektmr.com/storage/


브라우저별 localstorage limit 

mobile browser

브라우져  

 chrome

 android browser

firefox 

ios safari  

 

 version

 40

4.3 

34 

6-8 

 

 space available

 10MB

2MB 

10MB 

5MB 

 



desktop browser

브라우져  

 chrome

opera

firefox 

 safari  

 IE

 version

 40

27 

34 

6-8 

 9-

 space available

 10MB

10MB

10MB 

5MB 

 10MB


(참고 : http://www.sitepoint.com/html5-local-storage-revisited/)



10mb인듯

 



음.

nodejs가 여기저기 글로벌하게 설치 된것 sudo를 통해서 강제로 설치 된것

모르겠다.

일단 삭제



http://stackoverflow.com/questions/9044788/how-do-i-uninstall-nodejs-installed-from-pkg-mac-os-x


lsbom -f -l -s -pf /var/db/receipts/org.nodejs.pkg.bom \
| while read i; do
  sudo rm /usr/local/${i}
done
sudo rm -rf /usr/local/lib/node \
     /usr/local/lib/node_modules \
     /var/db/receipts/org.nodejs.*


npm삭제 

https://docs.npmjs.com/misc/removing-npm

sudo npm uninstall npm -g
sudo make uninstall


인천->프랑크푸르트

뮌헨->인천 

두명이서 150만원에 결제 완료 :) 


이번에 프로모션을 해서 2명이서 비지니스석을 400만원에 탈수 있었으나 250만원이면... 흠 쇼핑을 더하겠다는 생각으로 그냥..... 짜졌음


유럽갈때 경유는 항상 유럽경유로 해서 갔었는데...파리나 뮌헨.등.

아랍권 경유는 처음이다.

직항이면 젤 좋겠지만...... 머니가 머니머니 해도. :)


그래서 이번에 저렴하게 뱅기 끊었으니 잘 놀다 와야짓!!!!


reactjs 

just the ui

virtual dom

data flow

jsx : xml과 비슷한 js확장문법. react를 위해 꼭 사용할 필요는 없지만 추천. attr를 가진 트리구조로 정의가능한 익숙한 문법이기 때문. 

flux : facebook에서 client-side-web-application을 만들기 위해 사용하는 어플리케이션 아키텍쳐.

핵심 세가지 : dispatcher(흐름관리), stores, view



dispatcher : 데이터 흐름관리, store의 콜백 등록하고 action과 store에 배분해주는 간단한 작동. 

stores : 어플리케이션의 상태와 로직 포함, 전통 mvc모델과 비슷하지만, 어플리케이션내의 개별적인 도메인에서 어플리케이션의 상태를 관리 

view :  읽어봤는데 잘 모르겠음 sencha touch가 생각남. (관련글 : http://funnygangstar.tistory.com/entry/%ED%95%98%EC%9D%B4%EB%B8%8C%EB%A6%AC%EB%93%9C-%EB%A0%8C%EB%8D%94%EB%A7%81-%EC%A0%84%EB%9E%B5-%E2%80%93-%EB%91%90-%EB%B2%88%EC%A7%B8-%EC%9D%B4%EC%95%BC%EA%B8%B0-React-Backbone)



http://haruair.github.io/flux/docs/todo-list.html(번역본 : http://haruair.github.io/flux/docs/overview.html#content)




이거엔 몇가지 방법이 있다

예전엔 스크립트를 많이 썼었는데...

css만으로도 됨!


<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <title>JS Bin</title>

  <style>

    .layer {

      position: absolute;

 left: 0;

 top: 0;

 right: 0;

 bottom: 0;

 width: 150px;

 height: 150px;

 margin: auto; 

      background:red;

    }

  </style>

</head>

<body>

<div class="layer">

</div>

</body>

</html>



<!DOCTYPE html>

<html>

<head>

<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>

  <meta charset="utf-8">

  <title>JS Bin</title>

  <script>

    function event1() {

      alert("a");

      $("#a").prop("disabled", true);

   }

  </script>

</head>

<body>

  <button type="button" onclick="event1()" id="a">클릭행</button>

</body>

</html>


버튼 클릭한담에 바로 disable을 주면 됨

끝.






jquery ui 의 datepicker는 아주 강력하다.

창이 작을 경우엔 달력이 input위로 올라가는 배려까지!

하지만 모바일에서 사용할경우엔

달력의 위치가 고정이 되어야 한다면?!

jquery datepicker position fixed 막 이렇게 검색해봤는데 찾긴 찾았당.

뭐 잘됩니다.ㅎ 




jQuery(".datepicker" ).datepicker({

dateFormat: "yymmdd",  // 데이터 포멧 , 20120905 형식 

showOn: "button",      // 버튼클릭시 

buttonImage: "/pc/images/common/btn_cal.gif", // 클릭될 버튼의 이미지

buttonImageOnly: true, // 인풋말고 버튼을 클릭해야 달력나옴.

nextText: '',  //이전다음텍스트 없졍

prevText: '',  //이전다음텍스트 없졍

dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'],  //데이터 형식 일~토로 

monthNames: ['1월','2월','3월','4월','5월','6월', '7월','8월','9월','10월','11월','12월'], // 달도 한글로

monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], // 달도 한글로

beforeShow: function(input) {

   var i_offset= $(input).offset(); //클릭된 input의 위치값 체크

   setTimeout(function(){

      $('#ui-datepicker-div').css({'top':i_offset.top, 'bottom':'', 'left':'10px'});      //datepicker의 div의 포지션을 강제로 input 위치에 그리고 좌측은 모바일이여서 작기때문에 무조건 10px에 놓았다.

   })

});


파이어 폭스가 이번에 업데이트 하였는데

이런기능도 있네요 ㅎ

https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_View

영어이므로 패스!

그냥 해보면 되졍 ㅋㅋㅋㅋ


도구 > 웹개발도구 > 반응형 웹디자인 보기 가 있네요

더이상 창을 막 줄였다가 늘였다가 안해봐도 될듯 ㅋ

굳굳 





어도비 쉐도우

adobe shadow


일일히 실행시킬필요가 없다.

작업할때 서버 구축 안되었다고 징징될 필요도 없군하


shadow를 아이폰, 패드, 맥북에 설치

맥북에서 작업하고 보면!

폰 패드에도 같은 동일한 화면이 떠있다는 놀라운 사실!


아직 안해봤으니 해봐야겠군화


http://labs.adobe.com/technologies/shadow/

http://blogs.adobe.com/koreacsc/archives/294


밤에 갑자기 아는 실땅님이 전화주셔서 swfobject를 썼을때 remove 어떻게 하는거냐고 물어보셔서 

찾아봤다.


예전에 그냥 object/embed를 document.write해서 썼을땐 플래시 지우고 다시 로드 하는경우

예를 들면 레이어를 띄울땐 플래시 있고 닫으면 플래시도 닫히는 구조 했을땐

document.write해서 다시쓰고 dom을 날려서 플래시 지워버리는 구조였다.


swfobject는 뭔가 다르게 하지 않았을까 했는데

똑같다.

ie9에서의 오류는 있기때문에 간편하게 돔을 날리고 다시 로드하는게 맞는것같다. 


http://code.google.com/p/swfobject/wiki/api


removeSWF를 쓰려면

다시 createSWF로 써야한당

http://code.google.com/p/swfobject/wiki/api

예제 파일 : http://www.bobbyvandersluis.com/swfobject/testsuite_2_2/test_api_create_remove.html

역시 양키들은 짱. 

+ Recent posts