전체 글 286

똥을 밟았다.

일단 이런글을 쓸만한 곳이 딱히 존재하지 않는다는 것에 큰 슬픔이 서린다. 몇일전이다. 재미없는 일상을 탈피하고 싶었다. 본인은 사람을 잘 믿는 성격이다. 보면 그냥 좋고, 뭐든 좋게 넘길 수 있다고 생각한다. 하지만, 깨달았다. 무슨일인지 자세히 설명을 할 순없지만 길고양이에게 밥을 주다가 되려 할큄을 당한 케이스랄까?? 아름답거나, 예쁘거나, 뭐 가시를 품은 장미같은 것도 아니고, 그냥 측은지심일지도 모르고, 개인적인 욕망일지도 모르지만처음부터 아니, 처음 그날부터 그렇게 느낌은 좋지 않았지만, 문제될 건 없다고 생각했는데 오히려 독이 되었다. 그도 처음부터 그렇진 않았겠지만, 어떤 이유인지 내가 알 수는 없으니세상살이가 어찌보면 그렇게도 힘든 고난이고, 고통이라, 제정신을 유지하는 것도 힘든건 알겠..

etc/private 2014.04.07

팝업차단을 피하는 방법-네이버앱

일반적으로 팝업 차단이 팝업을 차단하는 방법은사용자의 동의없이 팝업을 띄우는(무분별한 팝업)을 막아주는기능이라, window.open으로 뜨는것들이 대부분이다.하지만, 호출의 주체가 사용자의 액션에 의한 것이면, 그것은 보통 문제없이 팝업을 띄워준다. 하지만 약간 애매한 부분이 있다.form을 새창으로 submit하는 경우다. 사용자의 액션이 없이도, 이 로직은 팝업차단을 회피하는 가장 편한 방법이다.하지만, 브라우져에 따라서, 이것을 막는 경우도 있고, 아닌 경우도 있다. 일례로 안드로이도 네이티브(기본) 브라우저는 form.submit()을 사용해서 팝업을 띄울수 있지만네이버앱은 그렇지가 않다. 팝업이 차단되었다는 메세지도 보이지 않는다. 지금 약간 황당한데, 네이버앱을 일반 인터넷으로 사용하는 사람..

dev/web 2014.04.07

inline-block를 활용한 가운데 정렬

ul li를 한줄로 만들기위해 float:left를 자주 사용했는데 이제 웹환경이 많이 좋아졌으니inline-block를 막 사용할 수 있다. 물론 약간의 hack*zoom:1;*display: inline; 따위는 적용 float:left인 li요소를 가진 부모 ul을 inline-block해도 가운데 정렬효과를 얻을 수 있으며그냥 li요소에 inline-block를 해도 가운데 정렬효과를 얻을 수 있다. item1 item1 그냥 두가지 방법이 있다

dev/web 2014.01.13

default width on mobile browser

웹사이트 개발시모바일은 염두 안 할 수가 없다!! 그런데 viewport라는걸 지정하지 않으면!! 모바일 브라우져는 확대/축소는 있지만 브라우져 윈도우 width값이 없기에 레이아웃을 깨지는 현상을 볼 수 있다. 필자는 width값이 980px로 고정되는 기이한 현상을 경험했는데 이는 모바일 브라우져의 default value viewport가 980px이란다. 적어도 모바일 크롬은 말이다. viewport를 지정하면 모든 문제는 해결된다. 이런식으로 지정을 할 텐데모바일용 웹이 아닌 상태로 모바일에서 잘보이게 하려면device-width말고, 직접 컨테이너 최대사이즈를 잘 지정하는것을 권장한다!! 980 width issue는 이것으로 해결!

dev/web 2014.01.06

웹페이지 레이아웃 방법론(webpage layout methodlogy)

바햐흐로 2014년이 코앞이다. 웹페이지를 마크업하다보면 많은 착오가 생기기 마련 대부분 크로스 브라우징이 문제일 터 그래서 한번 포스팅을 시작한다. 레이아웃 구성 방법론에 대해 생각해본다. 1. table 코딩 고전의 전형적인 사이트를 표방하는 이방식은 table wrapper와 table container와 align속성으로 레이아웃을 구성하는데 엄밀히, 표를 표시하는 html요소 개념이라 w3c의 웹표준에는 어긋나는 잘못된 웹의 형태이다. ::장점:: 브라우져 호환성이 좋다. 정형화된 틀로 나이지긋한 분들은 오히려 선호하는 경우도 있다. 세로정렬(vertical align)이 매우 편하다/이것이 핵심일지도 모른다. ::단점:: 레이아웃이 틀에 박혀버린다. 예를 들어 마크업을 수정하지 않으면, 절대로..

dev/web 2013.12.04