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

.style0{mso-number-format:General;text-align:general;vertical-align:middle;white-space:nowrap;mso-rotate:0;mso-background-source:auto;mso-pattern:auto;color:black;font-size:11.0pt;font-weight:400;font-style:normal;text-decoration:none;font-family:"맑은 고딕", monospace;mso-font-charset:129;border:none;mso-protection:locked visible;mso-style-name:표준;mso-style-id:0;}.number{mso-number-format:"@";}.mon..

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

메소드 디폴트 매개변수 혹은 함수 변수 기본값 혹은 method default parameter쓸 수 있는 표현이 많아서 제목이 헷갈리지만, 내용은 같다.대부분은 언어는 함수를 작성할때, 매개변수에 대한 기능이 존재한다.예를 들어int function METHOD(param1='기본값1',param2='기본값2'){return 1234;} 식으로 지정하면 METHOD(); 로 호출시, 매개변수는 기본값으로 적용되서 실행되는 식이다. 하지만, 멍청한 자바스크립트는 그런기능이 존재 하지 않는다.그래서 따로 체크 혹은 기본값 지정을 해야한다. function plus(num){return num+=1;}이와 같은 메소드가 있다면,plus(); 로 호출을 시도하면 num은 undefined이므로 정상작동이 안 ..

움직이는 배너란?쇼핑몰에서 중요한(?)메뉴들이 스크롤에 따라 움직이는 것으로 자주 사용하는데, 이것을 구현하는 방식에 대한 방법론에 대해 포스팅하고자 한다. JS에 window.scroll 이벤트를 받아서 특정 div의 top속성을 변경하는 방법인데이부분은 어차피 큰 차이가 없으므로, 생략한다. 공통된 사항은 position:absolute가 있고, top에 특정값이 들어있따는 점 문제는 html 마크업 부분인데본문의 width:1000px; 움직일배너의 width:200px;로 가정하면, 형태#1가장 많이 쓰이는 형태로 보이는 이것은body에 child node로써 움직일 div가 있는 형태이다.이때는 본문에 사이즈나 여백에 따라 적절한 left값이 필요하다....contents... 형태#2wrapp..

메이저 브라우져에서 HTML5 등 웹2.0과 관련된 기술지원이 이뤄지면서,심히, 그 활용성과 비중이 커진 자바스크립트라이브러리를 잘 활용하는 것도 중요하므로, 좀 적어보겠다. jQuery는 요즘 거의 기본이 되어버린 현실이라, PASS TweenMAX - http://www.greensock.com/gsap-js/플래시 AS 트위너로써, 활약하던, 라이브러리인데, 자바스크립트 버전이 있다.jQuery 기본 애니메이션보다 20배나 빠르단다. Superscrollorama - http://johnpolacek.github.io/superscrollorama/스크롤에 따른, 각종효과를 포함하여, 다이나믹한 사이트를 제작하게 해줌사이트를 확인하는것이 가장빠를것이다.fancybox - http://fancybox..

웹은 눈으로 보는것이다. 라는 관점을 볼때, -> 두껍게 표현 -> 강조문구 - > 두껍게 표현 좀더 high한 표현이 strong이라 할 수 있겠다. 쉽게 말해, strong는 logical(논리적) 요소다. 강조를 의미하지만 는 단순 효과 태그다. 이것은 의미를 가지진 않는다. 약간은 애매모호한 이런것들이, 많은데, 정확히 해둘 필요가 있다. div를 가운데 정렬하는 방법은 css로 margin:0px auto;가 일반적인데 이것은 솔직히 의미는 없다. 아는 사람은 알겠지만..... align속성은 앞으로 없어지게 되므로, 또다시 애매모호함이 찾아왔다. div.alignC{ margin:0px auto; } 같은 class를 만들어야 할 모양이다. 어떤 방식과 의미가 좀 더 나은 방식인지는 모르겠다...

웹을 해본 사람이라면 누구나 퍼블리싱 과정에서 난해함을 겪었을 것이다. 이유인즉, 수많은 브라우져에서 같은 페이지가 다르게 표현되기 때문 그래서 웹표준이라것을 적용하지만, 이마저도 완벽한 해결책은 되지 못하고 있으니.. 브라우져 별 특성을 따르지 않았으면 좋겠다. 라고 생각하지만, 문서모드들까지 여러가지를 복잡하기만 웹ㅠㅠ 이번에 다루게 된 내용은 table의 셀과 img요소의 문제점을 다뤄보도록 하겠습니다.doctype를 html5에 맞게 변경을 하면서, 기존사이트에 생기는 문제점이다.기본 html4.01이나 쿼크모드에서 발생하지 않는 점을 미리 알려드린다. 기본 html의 형식은......

윈7이 보급되어서, 우리는 편하게 웹상에서 "맑은 고딕"체를 사용할 수 있어, 좋았다고 생각했는데 티스토리 템플릿에서 쓰던 돋움 12px 혹은 9pt만한 가독성을 보여주지 못한다. 최근, CSS를 수정 폰트를 변경하였는데, 좀 아쉽다랄까? 물론, 다시 돋움체로 돌아갈 생각은 없지만, 많이 봐오던 거라, 익숙한 탓일지 모르겠지만, 그 가독성 하나 만큼은 일품이란 것은 부정할 수 없다. 위직 에디터가 맑은고딕을 지원하지 않는 이유일지도 모르지.. 나불나불 맛보기 심장이 빠운스빠운스빠운스 두근대 - 맑은고딕 9pt 심장이 빠운스빠운스빠운스 두근대 - 돋움 9pt

최근 쉽게 워드프레스라는 말을 자주 듣는다. 해외 블로그툴 정도로만 알고 있었는데, 국내의 XE보다 높게 평가받으며, 사이트제작 플랫폼으로써, 훌륭한 평가를 받고 있는모양이다. 서울시 홈페이지가 이걸로 제작이 되었다고 한다. 그러다 문득 오픈소스 VS 자체제작 진보 VS 보수 리눅스(래드햇) VS 윈도우(MS) 안드로이드 VS iOS 등등의 생각이 들었다. 대세를 점치자면 오픈소스에 손을 들어주고 싶다. 해외사정은 어떤지 모르겠지만 여기저기 글들을 찾다보니, 국내실정으로썬 자체제작은 대기업밖에 못하는 실정이라는 결론에 도달하였다. SW개발이라고 보면, 비용은 거의 인건비일 뿐이지만 그런 R&D사업에 투자할 투자자도 없을 뿐더러, 개발자도 없다. 물론 순수히, 개인적인 의견이다. 훌륭한개발자는 대기업에서 ..

init.rc파일 수정 # Run init.d scripts service sysinit /system/bin/logwrapper /system/xbin/busybox run-parts /system/etc/init.d class main user root group shell oneshot 스피넬님 롬+천님 커널 상태 init.rc내용 service sysinit /system/bin/logwrapper /system/xbin/busybox run-parts /system/etc/init.d diabled oneshot 위와같이 수정 하지만, 커널을 repack할 수 없다면, init.rc는 수정불가 다른 방법으로 해야한다. 요즘엔, ramdisk로 init.d를 돌린다고들 하는데, 자세한 사항은 좀더..