프로그래밍과 유용한 정보

function Rectangle(w, h) { var width = w; var height = h; this.getWidth = function() { return width; }; this.getHeight = function() { return height; }; this.setWidth = function(value) { if(value < 0) { throw '길이는 음수일 수 없습니다.'; } else { width = value; } }; this.setHeight = function(value) { if(value < 0) { throw '높이는 음수일 수 없습니다.'; } else { height = value; } }; } Rectangle.prototype.getArea = func..

ECMAScript 5 객체 속성 추가 - HTML5와 함께 출현한 javascript 표준안을 ECMAScript 5라고 부른다. - ECMAScript 5는 IE 8 이하에서는 지원하지 않는다. 메서드 이름 설명 Object.defineProperty() 객체에 속성을 추가 Object.defineProperties() 객체에 속성을 추가 1. defineProperty(속성을 추가하려는 객체, 속성의 이름, 속성과 관련된 옵션 객체) var aaa = {}; Object.defineProperty(aaa, 'name', { }); 1.1 객체 속성 관련 옵션 옵션이름 설명 value 속성의 값을 의미 writeable 객체의 속성 값을 변경 할 수 있는지를 의미 get getter set sette..

ECMAScript 5 객체 생성 - HTML5와 함께 출현한 javascript 표준안을 ECMAScript 5라고 부른다. - ECMAScript 5는 IE 8 이하에서는 지원하지 않는다. - 생성자는 틀은 기반으로 객체를 찍어내 객체를 생성하지만 create는 기존에 있던 객체를 복제하고 새로운 속성을 추가해 객체를 생성한다. method 이름 Object.create() 1. create(원본이 되는 객체, 추가하고자 하는 속성) 이렇게 사용하면 bbb에서 name과 gender를 사용할 수 있다. (상속)

첫번째 두번째 첫번째 두번째 위와 같이 쓰게 되면 두번째 열 모두 숨겨진다. * 참고사항 ) IE에 한해서 버전에 따라 display: none이 되는 놈이 있고 visibility: collpase;가 되는 놈이 있는데, 두개 다 쓰면 IE 8을 제외하고는 다 된다고 한다.

ui-state-default default ui-state-hover mouse hover ui-state-focus 초점이 맞춰진 상태 ui-state-active 강조 표시 ui-state-error 에러 ui-state-disabled 사용할 수 없는 상태 ui-helper-hidden 보이지 않게 만듦(display 속성 조작) ui-helper-hidden-accessible 보이지 않게 만듦(clip 속성 조작) ui-helper-reset 스타일 초기화(margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none, font-size: 100%; list-style: none;) ui-helper-c..

1. Avoid CSS expressions - CSS expression을 사용하지 않는다. 2. make fewer HTTP requests - HTTP request를 최소화 하라. - image background 처리 - 같은 크기의 이미지는 하나의 이미지로 합쳐서 background 속성을 이용하여 잘라서 표현 - css와 js는 각각 하나의 파일로 합칠 것 3. Use a Content Delivery Network - css파일이나 js 파일 및 이미지 파일들이 CDN에 존재하지 않는다는 것이다. - CDN - http://cusee.net/2460488 - 내 서버에 있는 컨텐츠에 접근하기 위해 사용자들이 request를 보낼 경우, 내 서버까지 도달하기 전 각 ISP나 IX 부분에서 병..

display: table-cell 속성은 div를 td 처럼 쓸 수 있게 해 주는 css이다. 이어서 vertical-align: middle을 써주면 가운데로 간다.

출처 : http://appletree.or.kr/blog/web-development/javascript/script-%ED%83%9C%EA%B7%B8%EC%9D%98-async%EC%99%80-defer-%EC%86%8D%EC%84%B1/ 기본적으로 웹 브라우저가 외부 자바스크립트를 불러오는 일반 script 태그를 만나게 되면, 우선 해당 스크립트를 내려받아 해석하고 실행(execute)할 때까지 웹 문서의 HTML 코드 parsing 작업을 잠시 뒤로 미룬다. 그래서 용량이 큰 스크립트를 문서 해석 초기에 만나게 되면 해당 페이지를 불러오는 속도마저 지체되는 현상을 일으키게 되어 결국 전체적 성능을 떨어뜨리는 결과를 가져오는데 이런 부작용을 근본적으로 막기 위해 소개된 것이 script 태그의 a..

1. 한글을 기본 입력 언어로 설정 2. 영어를 기본 입력 언어로 설정 3. 영어만 입력되도록 제한 ime-mode는 웹 표준이 아니기 때문에 동작하지 않는 브라우저가 존재할 수 있다.

$(”#myTable”).jqGrid('editGridRow', “new”, { … useDataProxy: true …});