과거를 자유롭게 놓아주십시오.
과거를 놓아준 만큼 미래가 열립니다.
과거를 놓아 주면 마음이 유연해집니다.
익숙한 것과의 이별. 습관과 우리를 신뢰하는
모든 것과 하루에 몇 번씩이라도 이별을 고하세요.


- 안젤름 그륀의《머물지 말고 흘러라》중에서 -


* 과거 때문에 흔들리는 관계가 참 많습니다.
특히 친구, 연인, 부부 사이는 더욱 그러합니다.
과거에 매여 있는 한 발걸음을 앞으로 내딛기가
어렵습니다. 자기의 과거는 말할 것도 없고
상대의 과거를 자유롭게 놓아 주십시오.
그래야 미래가 새롭게 열립니다.
사랑이 회복됩니다.

 너무 상태가 좋을 때는
오히려 차라리 먼저 브레이크를 걸고,
억누르는 느낌으로 하여
평상시의 감각을 되찾도록 유념하자.
절대 호황기 뒤에는
원래 자리로 돌아가려는 현상이 반드시 찾아온다.
-사와다 히데오, ‘운을 잡는 기술’에서

좋은 때에 분위기를 타면
오히려 위험을 초래할 가능성이 높아집니다.
어딘가에서 뭔가의 형태로 균형이 무너질 수 있고,
너무 좋아 우쭐해져버림으로써
신중함이나 섬세함이 무뎌져
변화를 알지 못하게 되어 추락할 수도 있습니다.
잘 나갈 때 미리 브레이크를 거는 지혜가 필요합니다.

누군가에게 저항이 가장 적은 길을 제시해준다고 그 사람의 앞길이 편해지는 것은 아니다.

때때로 사람을 돕는 최고의 방법은 책임을 묻고 어떤 변명도 용납하지 않는 것이다.

 - 윌리엄 베넷, <인생의 나침반> 中 -

1. 지원하는 브라우저의 종류

웹스토리지는 IE8+, 파이어폭스, 오페라, 크롬, 사파리를 지원합니다.

IE7과 그 이전버젼에서는 지원하지 않습니다.

2. 데이터 저장 객체

클라이언트에 데이터를 저장하기위한 두 종류의 객체가 있습니다.

• localStorage - 시간이 지나도 저장된 데이터가 지워지지 않습니다.

같은 브라우저내에 다른 윈도우창에서도 데이터가 공유됩니다.

• sessionStorage - 하나의 세션의 데이터가 저장됩니다.

server session의 개념과 다릅니다. 해당 윈도우내에서만 데이터가 공유됩니다. 같은 브라우저내의 같은 도메인이라도 윈도우창이 다르면 데이터를 공유하지 않습니다.

3. 스토리지 지원 여부 체크

if ( typeof(Storage) !== "undefined" ) {

//웹 스토리지 지원

} else {

//웹 스토리지 미지원

}

4. 사용법

a-1. sessionStorage.setItem("one", "1");

a-2. sessionStorage.getItem("one");

b-1. sessionStorage.one = "first";

b-2. sessionStorage.one

c-1. sessionStorage[0] = "1000";

c-2. sessionStorage[0]

5. 브라우저별 스토리지 용량

웹 스토리지는 용량이 무한하지 않습니다. 또한 브라우저별로 제한 용량이 다를뿐 아니라 같은 브라우저라도 버젼별로 그 값이 상이합니다.

• iOS - 2.49MB / 2.49MB
• Android 2.2+, 3.1+ - 2.49MB / Unlimited
• Android 3.0 - 2.49MB / 2.49MB
• IE 6, 7 - 지원하지 않음
• IE 8+ - 4.75MB / 4.75MB
• Chrome 4.0 - 지원하지 않음
• Chrome 6+ - 2.49MB / 2.49MB
• Firefox 3.5+ - 4.98MB / Unlimited / (globalStorage - 4.98MB)
• Safari 5+ - 2.49MB / Unlimited

How To Remove Unnecessary Modules in jQuery

http://www.hongkiat.com/blog/jquery-remove-modules/

OS X 에서 jquery 설치시 불필요한 모듈 제외하고 설치하기.

jQuery is undoubtedly the most popular JavaScript library, (almost) every website on this planet is using it. This affects jQuery to include all the functionalities within the library to cover every instance and possibility.

However, when we work on a simple website, we might only use a few of the functions. Thus, it would be more efficient if we were able to run only that necessary function and not everything other unused function as well. As of version 1.8, jQuery allows us to do this. We are able to exclude some jQuery modules that are not necessary in your project. So, let’s see how we can do it.

Recommended Reading: Creating a Volume Controller with jQuery UI Slider

First thing first

First, we need to install some tools required to do the job. These tools are Git, Grunt, and Node.js. If you running on OS X, the easiest way to install all these tools is through an OS X Package Manager called Homebrew.

Install Homebrew

So, let’s open up your Terminal and run the following command to install Homebrew. As said, Homebrew will let us install the other mentioned tools more easily.

ruby -e "$(curl -fsSL https://raw.github.com/mxcl/homebrew/go)"

Install Git

After the Homebrew installation completed, run the following command to install Git.

brew install git

Install Node.js

Run the following line to install Node.js

brew install node

Install Grunt

Lastly, we need to install Grunt. Run this command.

npm install -g grunt-cli

Build jQuery

Currently, jQuery allows the following modules to be excluded.

Before we are able to customize the jQuery, we need to clone it from the Github repo by running this command in the Terminal.

git clone git://github.com/jquery/jquery.git

You should then find a new folder named jquery created under your user folder. Navigate to that directory using this command.

cd jquery

Next, we need to install Node dependencies modules to run our project.

npm install

We then build our jQuery by simply running Grunt command (and hit enter)

grunt

It will return the following report, if the operation succeeds.

And as we can see from the report, our jQuery is saved within the dist/ folder. Our jQuery is, at this point, set with all the functionalities, thus the size is quite large, 239kb. The minified version is at 83kb.

Removing Modules

Let’s say, we want to remove the Effect modules from jQuery; we can run this command.

grunt custom:-effects

If we take a look back at the file size, it is now decreased to 220 kb.

To exclude multiple modules, separate each module with a comma, for example:

grunt custom:-effects,-ajax,-deprecated

Final Thought

jQuery can help us manipulate DOM easily, but with 200 kb more at the size, it could affect your website performance. So, by eliminating some unnecessary jQuery modules, your jQuery script will certainly run faster and more efficient. We hope that this little tip would be useful for your next project.