크롬에서 쿠키를 검색하기 위해 다음과 같이 한다.


Settings -> Show advanced settings...


Privacy -> Content settings... -> All cookies and site data...

Posted by izeye

댓글을 달아 주세요

CSS ::before 셀렉터는 선택된 요소 내용 앞에 내용을 넣어준다.


다음은 이를 사용하는 예제이다.


<html>

<head>

<title>CSS ::before Selector</title>

<style type="text/css">

p::before {

content: "Read this: ";

}

</style>

</head>

<body>

<p>This is a test.</p>

</body>

</html>


Reference:

http://www.w3schools.com/cssref/sel_before.asp

Posted by izeye

댓글을 달아 주세요

CSS position: absolute로 다음과 같이 요소 위치를 지정할 수 있다.


<html>

<head>

<title>CSS Position</title>

<style type="text/css">

div#myDIV {

position: absolute;

width: 100px;

height: 100px;

left: 100;

top: 100;

background: red;

}

</style>

</head>

<body>

<p>Top</p>

<div id="myDIV">

myDIV

</div>

<p>Bottom</p>

</body>

</html>


References:

http://www.w3schools.com/cssref/pr_class_position.asp

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_position_absolute

Posted by izeye

댓글을 달아 주세요

CSS 셀렉터에서


'>'는 Child를,


' '는 Descendant를


'+'는 Sibling을 의미한다.


다음은 이것들을 사용한 샘플이다.


<html>

<head>

<title>CSS Selector</title>

<style type="text/css">

div {

color: red;

}

a {

color: orange;

}

div > a {

color: yellow;

}

/* div a {

color: green;

} */

div + a {

color: blue;

}

</style>

</head>

<body>

<div>div</div>

<div><a>div &gt; a or div a</a></div>

<div><span><a>div a</a></span></div>

<div></div><a>div + a</a>

<a>a</a>

</body>

</html>


References:

http://stackoverflow.com/questions/1139763/what-does-the-plus-sign-css-selector-mean

http://stackoverflow.com/questions/2636379/css-selectors-versus-space

http://www.w3.org/TR/CSS21/selector.html

http://www.w3schools.com/css/css_syntax.asp

Posted by izeye

댓글을 달아 주세요

HTTPS 페이지에서 HTTP 페이지로 이동 시 Referer가 없어진다.


이는 RFC 2626에 정의되어 있기 때문이다.


HTTPS 페이지에서 HTTP 페이지로 이동 시 Referer를 없애는 이유가 프라이버시 문제라면,


HTTPS 페이지와 HTTPS 페이지 간 이동일지라도 다른 도메인의 경우엔 동일하게 없애는 것이 맞을 것으로 보인다.


향후 HTTPS 페이지 간 이동 중에서 동일 origin의 경우에만 Referer를 전달하도록 스펙이 변경될지도 모르겠다.


사이트 유입을 분석하는 입장에서는 Referer는 중요한 정보이다.


Referer 자체를 불허하기 위해 다음과 같이 할 수 있다.


<meta name="referrer" content="never">


Referer에 origin 정보만을 제공하고 싶다면 다음과 같이 할 수 있다.


<meta name="referrer" content="origin">


Referer를 항상 제공하고 싶다면 다음과 같이 할 수 있다.


<meta name="referrer" content="always">


아직 모든 브라우저가 이를 지원하는 것은 아님에 유의한다.


이를 지원하지 않는 브라우저를 위해


HTTPS 페이지에서 자체 HTTP 페이지를 경유해서 최종 HTTP 페이지로 가도록 하는 꽁수가 있다.


References:

http://makandracards.com/makandra/15931-browsers-will-not-send-a-referrer-when-linking-from-https-to-http

http://smerity.com/articles/2013/where_did_all_the_http_referrers_go.html

http://wiki.whatwg.org/wiki/Meta_referrer

Posted by izeye

댓글을 달아 주세요

HTTP에서 origin은 프로토콜 (scheme), 호스트 (host), 포트 (port)로 구성된다.


Reference:

http://www.ietf.org/rfc/rfc6454.txt

Posted by izeye

댓글을 달아 주세요

HTML5 캔버스를 클리어하기 위해 다음과 같이 한다.


context.save();

context.setTransform(1, 0, 0, 1, 0, 0);

context.clearRect(0, 0, canvas.width, canvas.height);

context.restore();


transform을 reset하고 clear한 뒤에 다시 복원함에 유의한다.


transform을 하지 않은 경우에는 생략할 수 있다.


Reference:

http://stackoverflow.com/questions/2142535/how-to-clear-the-canvas-for-redrawing

Posted by izeye

댓글을 달아 주세요

HTML에서 모바일 내 줌 (Zoom)을 막기 위해 다음과 같이 한다.


<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">


Reference:

http://getbootstrap.com/css/

Posted by izeye

댓글을 달아 주세요

다음 두 태그의 차이가 뭘까?


<meta charset="utf-8">


<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


후자는 HTML 4.01에서 사용되는 형식이고,


전자는 HTML5에서 사용되는 형식이다.


HTML5에서는 둘 다 지원하지만, 짧은 버전을 사용하는 것이 편하겠다.


References:

http://stackoverflow.com/questions/4696499/meta-charset-utf-8-vs-meta-http-equiv-content-type

http://www.w3schools.com/tags/att_meta_http_equiv.asp

Posted by izeye

댓글을 달아 주세요

부트스트랩 (Bootstrap) 기본 템플릿 (Basic Template) 내 다음과 같은 태그가 포함되어 있다.


<meta http-equiv="X-UA-Compatible" content="IE=edge">


이 태그는 IE에 호환 모드가 설정되어 하위 버전으로 동작하더라도 현재 버전으로 동작되도록 한다.


References:

http://getbootstrap.com/getting-started/

http://stackoverflow.com/questions/19784822/does-meta-http-equiv-x-ua-compatible-content-ie-edge-impact-on-non-ie-explor

Posted by izeye

댓글을 달아 주세요