TRstory

1. 랜덤 변수 /* MathRandomVal * $min : 최소값 * $max : 최대값 * return : 범위내에 랜덤값 리턴 */ function mathRandomVal($min, $max) { return Math.floor(Math.random()*($max-$min+1)+$min); } 2. ID 속성값 가져오기 /* * compStyle : ID의 속성값을 가져온다. * $elemId : id 값 * $property : id 속성 * return : id 속성값 */ function compStyle($elemId,$property) { var elem = document.getElementById($elemId); var style; if (window.getComputedStyle..

1. 테이블 속성 접근성설명 : http://codepen.io/mctenshi/pen/LDuoc스팩 : http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#attr-th-scope th 속성 설명(시각장애인들을 위한 접근성을 고려할때는 필요한 태그) scope="row" 가로(행) scope="col" 세로(열) 2. 테이블 기본 Users thead th thead th tbody th tfoot tfoot tbody th tbody td tbody td tbody th tbody td tbody td 3. id, hearder 사용 객실요금안내 평일 정상요금 회원요금 개인/법인 지정 대여 평일 400,000 83..

# position static 기본값, 기본적으로 설정 되는 값 (top / left 적용되지 않음) absolute 절대값, 브라우저를 기준으로 위치 속성을 사용하며 parent 요소에 의해 하위 위치 기준 relative 상대값, 객체가 위치 속성에 의해 설정 되거나 태그내에 위치시 마지막 위치를 기준으로 상대값 fixed 고정값 , 화면이 스크롤 되어도 움직이지 않음 .......... ■ ■ ■

Effects version added: 1.0 1. .animate( properties, [duration,] [easing,] [complete] ) 2. .animate( properties, options ) : CSS 속성 집합의 사용자 지정 애니메이션을 수행 properties : 애니메이션쪽으로 이동합니다그렇게 CSS의 properties지도 속성. options : 추가 옵션 지도 방법으로 전달할 수 있습니다. 지원되는 키 : duration : 문자열이나 애니메이션이 실행됩니다 얼마나 오래 결정 번호입니다. easing : 전환에 사용할 기능을하는 완화 나타내는 문자열입니다. complete : 애니메이션이 완료되면 호출하는 함수. step : 애니메이션의 각 단계 이후에 호출하는 함수..

# 폰트 임베드 @font-face{ font-family : Graublauweb;src:url('Graublauweb.eot'); /* ie9 호환성 모드 */src:url('Graublauweb.eot?') format('eot'), /* ie6~8 호환성 모드 */url('Graublauweb.woff') format('woff'), /* 현대 브라우저 */url('Graublauweb.ttf') format('truetype'), /* 사파리, 안드로이드 ios */url('Graublauweb.svg#svgGrauweb') format('svg'); /* 레거시 ios */} # 폰트 크기 비교 표 (pt, px, em, %) body { font-size: 62.5%; // 1em =>10p..

자바스크립트 정규표현 객체 : RegExp 정규표현은 문자 패턴을 설명하는 객체이다. 정규표현을 사용하면 문자열을 검색할 때, 패턴을 사용해 문자열을 검색할 수 있다. * 수식어구 i : 대소문자를 구분하지 않고 같은 문자열을 반환한다(맨처음 나타나는 문자열) g : 모든 문자열을 검색해 일치하는 문자열 모두를 반환한다 * 패턴지정 1. 괄호 [abc] : 괄호 안에 있는 문자열을 찾음( 각각 하나씩 모든 문자열을 반환 ) [^abc] : 괄호 안에 있는 문자열이 아닌 것을 찾음 [0-9] : 0부터 9까지 있는 문자열을 모두 찾음 [A-Z] : 대문자 A부터 대문자 Z까지 있는 모든 문자 [a-z] : 소문자 a부터 소문자 z까지 [A-z] : 대문자 A부터 소문자 z까지 (red|blue|green)..

! jQuery 예약어 변경 var $$ = jQuery.noConflict(); $() ==> $$() 사용 ! 선언부분 생약 1. 태그로 접근 basic test_p test_em jQuery("p");jQuery("p em"); test_hasjQuery("div:has(p a)"); // div 안에 p 안의 a 태그를 찾음 2. 아이디 접근 : "부모>*" 자식 선택 : 자식만 적용받음 아이디 접근 : "부모 *" 후손 선택 : 자식밑에 후손 모두 적용 idTest1 idTest2 jQuery("#idName" >li);jQuery("p#idName" >li); jQuery("p *"); 3. 클래스 접근 classTest jQuery(".className"); jQuery("li.classNa..