본문 바로가기
반응형

Development271

UI : 엘리먼트 배치 작업도중 알아가는 잊고 있었던 부분을 포스팅한다. 문서 UI 를 구성하는 방법중 테이블로 (Table) 구성하는 Grid 접근 방식. 해당 위치에 요소(Element) 를 배치하는 구성요소 방식이 있다. 특별하게 이름지어져 명명된것은 아직까지 없는듯 하다. 많이 쓰는 명칭으로는 CSS 레이아웃이라고도 하기도 하고. 틀린말도 아니지만.. 그냥 느낌이.. 완전 명확하게 정의되어진것 같은 느낌이 안든다. 엘리먼트 요소를 문서에 배치하는 것이다. 일단 CSS 레이아웃이란 이름으로. 이제 거의 왠만하면 테이블로 UI 를 구성하는 일은 없을것이다. 본래 목적. 순수하게 표로 사용하는게 맞기 때문이다. 테스트 환경 : Google Chrome, IE8, Opera, FF 보통 아래와 같이 버튼 박스를 배치하려 할 경.. 2010. 11. 10.
Prototype 으로 자바스크립트 클래스 구현 var JSClass = function() { /************** * 클래스 초기화 **************/ }; JSClass.prototype = { CustomMethod : function(parameter) { // 코드구현 alert(parameter); } } 상당히 유용하다. 보다 코드를 더 간결하고 용이하게 사용할 수 있으며, 개발간 업무규칙으로도 상당히 효율이 좋다. 물론 jQuery, Prototype 등등 많은 라이브러리 들이 있는데.. 나도 위 라이브러리들을 즐겨쓰지만.. 때론 내 스타일대로 만들때는 어김없이 위처럼..ㅋㅋ 개발은 답이 있는게 아니다. 수많은 테스트와 고민뿐! 2010. 10. 29.
브라우저 해상도 간단하다. 넷스케이프 , IE 모두 지원한다. 테스트 브라우저 : IE, Google Chrome, Opera, Fire Fox 모두 정상 작동 2010. 10. 29.
HTML UI :: 세로 100% 설정 다시 포스팅을 합니다. http://www.jkun.net/258 -> 이 링크를 참조하시는게 더욱 좋을 듯합니다. 아래 포스팅은 이전에 테스트를 하였었습니다. 새로 작성된 포스팅을 확인하시면 더 좋을것 같습니다.^^; 혼랸야기 죄송~ 검색엔진에서 뒤지다 보니 세로 100%, CSS 세로 100% 등등 많은 포스팅을 볼수가 있었다. 물론 테스트를 거치다 보니 옳은 내용이었으나.. 나의 잘못된(?) 코드 작성 습관으로 인하여 삽질을 면할수가 없었다. 일단 기본적으로 나의 HTML UI 구성코드는 이렇다. HTML UI Testing CSS html, body {width:100%; height:100%; margin:0; padding:0;} #divWrap {width:100%; height:100%; .. 2010. 10. 29.
반응형