재삐신생의 권태로운 이야기

Hex CodeEntity CodeNumber CodeCharacterDescription """Quotation Mark &&&Ampersand ⁄//Slash <<Greater Than Sign ‚&#130;‚Single Low-9 Quote „&#132;„Double Low-9 Quote††&#134;†Dagger ‡&#135;‡Double Dagger ‰&#137;‰Per Mill Sign ‹&#139;‹Single Left Angle Quote ‘&#145;‘Left Single Quote ’&#146;’Right Single Quote “&#147;“Left Double Quote ”&#148;”Right Double Quote ™&#153;™Trademark Symbol ›&#155;›Sin..

이전의 글을 응용해보았다. 스크립트는 클라이언트단의 언어이기 때문에(?)아무튼, 독립링크(퍼멀링크)가 필요한 페이지이지만, 서버쪽 처리를 할 필요가 없을경우예를 들어 링크가 www.domain.com/post.php?param1=value1#!param2=value2라는 URL을 사용할 경우에 #!뒤의 값으로, 스크립트처리를 해서, 다른 컨텐츠를 보여주는 방식이다.몇몇 모듈과 페북에서 응용하는 걸 확인했다. #은 원래 a요소의 name값으로서 페이지내의 위치를 링크로써 찾는 것으로 알고있었는데, 약간 다르게 응용하는 거이다. 그래서 만든 스크립트function glp(name){name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");var regexS = ..

자바스크립트로 url 파라미터 읽기 정규식 활용 좋네요~!!

TINYINT[(M)] [UNSIGNED] [ZEROFILL] - 범위 : -128 에서 127 (UNSIGNED 일 경우 0 에 255) SMALLINT[(M)] [UNSIGNED] [ZEROFILL] - 범위 : -32768 에서 32767 (UNSIGNED 일 경우 0 에 65535) MEDIUMINT[(M)] [UNSIGNED] [ZEROFILL] - 범위 : -8388608 에서 8388607 (UNSIGNED 일 경우 0 에 16777215) INT[(M)] [UNSIGNED] [ZEROFILL] - 범위 : -2147483648 에서 2147483647 (UNSIGNED 일 경우 0 에 4294967295) - 주의 : 모든 연산은 "signed BIGINT" 로 이루어진다. 따라서 더하기 ..

필드 지정시 날짜와 관련이 되면 이전부터 많이들 TIMESTAMP를 사용하였는데요 일단, 둘의 차이점을 알아봅시다 TIMESTAMP만의 특성입니다. 서버의 시간에 의존(UTC에 따라 변형된다는 의미로 해석하면 될 것 같네요) 범위가 '1970-01-01 00:00:01' UTC to '2038-01-09 03:14:07' UTC로 제한됨 on update CURRENT_TIMESTAMP 옵션을 사용할 수 있다. 이러한 차이는 쉽게 말하면 DATETIME는 순수하게 상수로 된 날짜로 인식하지만, TIMESTAMP는 서버시간에 의한 의존하는 날짜 개념이죠.(서버 time zone 변경시, 바뀝니다) 해외서버를 사용한다면, 문제를 일으킬 수 있는 부분입니다. 국내에서만 사용 할 경우는 별다른 문제가 일어나지 ..

예전부터 플래시를 HTML코드에 넣을때 embed나 object코드를 사용하게 된다. 일반적으로 표준으로는 object코드를 넣지만 이걸 스크립트를 활용하여 써 넣는다. 이유 중에 하나가, 그냥 를 삽입하면 마우스 포커스시에, object에 포커스되는 외곽선이 보이기 때문이었는데 스크립트로 넣으면 그런일이 생기지 않는다. 그렇게 시간은 흘렀고 2012년 플래시는 사장되는 분위기지만 여전히 꽤나 쓰이고 있다. 그러다 어제 IE의 메모리 문제와 관련하여 문제점이 또 생겼다. 필자가 쓰던, 코드로 삽입된 플래시가 IE9에서 매우 늦게 뜨는 것이다. 다른 부분이 다 뜨고, 한참이 지나야 뜬다. 심각하다. 개발자 도구로 살펴보니, 쓸데없는 파라미터들이 많이 삽입이 되며, 이상한 CSS가 삽입되는걸 발견했다. ob..

주로 태그를 표시하는 방법으로 a태그 내에 속성으로 rel="tag" 식으로 표현을 한다. 이것의 의미를 정확히 알고 있는가?? 필자의 경험으론 그저 "이것은 태그입니다" 정도의 뜻인줄 알았다. 하지만, 좀더 자세히 알아볼 필요성을 느끼게 되었다. 바로, 검색봇들이 태그를 어떤식으로 쓰는지였는데 이것은 생가보다 복잡한 문제라서, 뭐라 떠들 말은 없다. 다만, rel=tag의 정확한 의미를 깨달았다. 가령 컴퓨터 을 포함하는 블로그 포스트 라면 "http://jpss.tistory.com/tag/컴퓨터" 는 컴퓨터태그에 관한 글을 포함하는 고유 페이지를 뜻하고, 위 링크를(rel=tag가 있는) 포함하는 블로그 포스트는 저 고유 페이지에 속한하는 의미를 지닌다. 여러 포스트를 보여주는 블로그 첫페이지에 태..

일단 기쁜 소식은 MS에서 IE업데이트는 권장이 아닌, 기본으로 바꿨다는 뉴스~!! 웹개발 버그가 줄어들 것이므로, 기쁜 소식?? 오랜전부터? 사용하던 TABLE코딩 방식이 요즘엔 그나마 적다. TABLE 레이아웃보단, 쿼크모드가 더욱 문제였겠지만 어찌보면 정말 쉬운 레이아웃이다. 마크업에서부터 완전체가 되어나온다는 단점이 있지만, 별 문제없이 사용했지 않은가?? 웹표준이 점차 일반화가 되어가면서 문제는 IE6를 버리는냐 마느냐의 문제였지만, MS도 버려주니, 감사 문제는 IE7인데.. 현재 파악중인 상황이지만, 빈텍스트 노드가 생겨서, 레이아웃을 미묘하게, 기본적으로 여백을 만들어 주신다. ㅠㅠ IE8이상에선 발생하지 않으므로 그나마 다행이다. IMG INPUT 이 두개는 확실히 빈텍스트 노드를 생성한..

css border와 padding는 레이아웃 DOM객체 크기에 영향을 미친다는것!! width:800px; padding:20px; border:#f00 1px solid; 이런식으로 작성된 div라면 브라우저에서 보이는 넓이는 821px이 된다는것!! 실제 내용이 들어가는 부분이 800px이라는 것!! 이상하게 계속 까먹는것 같다.ㅠㅠ

Ajax를 활용한 사이트들이 요즘 많이 눈에 보인다. ajax를 떠나서 사이트 전체가 하나의 클래스 형태를 가지는 경우도 참 많다. 그러다가, 생각한 문제점이 있다. 바로 검색 검색엔진의 봇/스파이더/크롤러라는 놈들이 열심히 웹페이지를 검색를 하지만 페이지상에서, document ready후에 ajax로 어떤 컨텐츠를 생성해서 보여준다고 치자. 사이트는 좀더 다이나믹하게 돌아갈수도 있겠지만 이런 컨텐츠를 검색엔진이 스마트하게 가져갈수 있을까?? 아직은 아니다. 필자가 이전의 블로그 전체를 ajax로 구현을 시도 한적이 있다. 첫째로, 퍼멀링크/고유한 포스트의 링크를 잡는데서 어려움이 있었지만 별문제 없이 구현을 할 수 있었다. 하지만, 사이트 첫페이지외에는 전혀 구글 등 검색사이트에 올바르게 노출이 되지..