Web
[자바스크립트] 배열
배열자바스크립트 배열은 값의 순차 컬렉션을 나타내는데, 각 값은 0부터 시작하는 인덱스 숫자를 가지고 있다. 자바스크립트에서는 배열명 다음에 대괄호로 인덱스를 감싸는 식으로 배열에서 값을 가져올 수 있다.배열에는 어떤 타입의 자바스크립트 데이터도 담을 수 있으며, 자바스크립트는 명시적인 타입이 없는(untyped) 언어이므로 배열의 원소가 반드시 같은 타입일 필요는 없다.Array() 생성자 함수를 이용한 자바스크립트 배열 생성배열은 Array() 생성자 함수를 이용해 생성할 수 있다. 다음 예제를 보자.var array1 = new Array();array1[0] = "Hello";array1[1] = 123;array1[2] = true;console.log(array1.length); // 3Arr..
[자바스크립트] for 반복문
★반복문★for 문for 반복문은 어떤 특정한 조건이 거짓으로 판별될 때까지 반복합니다.for (초기문:초기화 식1; 조건문:다시 반복할지 확인하는 식 2; 증감문:변화를 주기 위한 식3) 문장;(
[제이쿼리] fading / sliding / this
fading .fadeIn().fadeOut().fadeTo() - 투명도를 조절하여 움직임을 만들어 내는 함수.fadeToggle() - 투명도를 조정하여 움직임을 만들어 냅니다. 보이는 요소에 이 함수를 사용하면 투명도가 0으로 수렴하고 0에 도달했을 때, display 속성을 none으로 처리합니다. 그래서 요소는 더 이상 페이지의 레이아웃 영향을 미치지 않는다.- 특수 효과(easing) : 스피드를 조작하여 특별한 효과를 나타나게 하는 함수를 의미한다. jQuery가 기본적으로 가지고 있는 easing 표현은 swing과 linear이다. 단, easing함수는 플러그인 이므로 관련된 라이브러리를 포함해야 사용이 가능하다. https://jsfiddle.net/Kimara/7g8fvugv/7/ ..
[제이쿼리] 스크롤, 위치 값 구하기
스크롤 위치 구하기.scrollLeft();.scrollTop(); 스크롤 위치 설정하기.scrollLeft(위치값);.scrollTop(위치값); 문서 크기 구하기$(document).width();$(document).height(); 전체화면 크기 구하기screen.width;screen.height; 유효한 전체 화면 크기 구하기screen.availWidth;screen.availHeight; 윈도우 기본 크기 구하기window.innerWidth;window.innerHeight; 윈도우 기본 크기 + 메뉴바 + 툴바 영역이 포함된 크기 구하기$(window).Width();$(window).Height(); 윈도우 기본 크기 + 메뉴바 + 툴바 + 스크롤바 영역이 포함된 크기 구하기windo..
[제이쿼리] 위치 및 크기 다루기
::위치 및 크기 다루기:: 1. 지역 좌표 위치 다루기 .offsetParent();- 위치(position) 요소를 기반으로 한 부모 요소를 찾습니다. 2. 지역 좌표 위치 다루기 - 부모 좌표 노드가 있을 경우 부모 좌표 노드의 - .position() 함수는 어떤 요소의 문서 상의 부모 요소를 기준으로 한 상대적인 현재 위치를 알 수 있습니다. 문서 상의 상대적인 위치를 알아내는 .offset()과는 다소 대비됩니다. 기존 요소의 근처에 새로운 요소의 좌표를 설정하기에는 .position() 함수가 더 실용적입니다. .position().left; .position().top; .css('left','위치값'); .css('top','위치값'); .css({left:위치값, top:위치값}); h..
[제이쿼리] jQuery UI slider
http://api.jqueryui.com/slider/ http://simeydotme.github.io/jQuery-ui-Slider-Pips/ https://jqueryui.com/resources/demos/slider/range.html
[제이쿼리] .on() / .off() / .one()
::이벤트다루기:: 일반 이벤트 등록 : $대상.on('이벤트이름', 이벤트리스너) 선택된 요소에 하나 이상의 이벤트들을 붙여줍니다.이벤트 핸들러는 현재 선택된 요소들에만 바인딩됩니다. 그 요소들은 페이지에 반드시 존재해야 .on()함수로 호출할 수 있습니다. 기본행동취소 : 이벤트객체.preventDefault()버블링 멈추기 : 이벤트객체.stopPropagation()단축 이벤트 등록 : $대상.단축이벤트(이벤트리스너) https://jsfiddle.net/Kimara/p0cjwLtc/6/ 등록한 이벤트 제거 : .off() 함수는 .on()함수에 의해 바인딩 된 이벤트 핸들러를 제거합니다. 1) $대상.off('click',삭제하고싶은 이벤트 리스너 명) 2) $대상.off('click') 3) ..
[제이쿼리] .attr() / .data()
::속성 다루기:: 1) 속성 값 구하기.attr( 속성이름 ).data( data-속성이름 ) 2) 속성 값 설정하기.attr( 속성이름 , 값 ).data( data-속성이름 , 값 ) .attr() 1) .attr(attributeName) : 선택된 요소 집합에서 첫번째 요소의 attributeName에 해당하는 속성값을 반환한다. .attr() 함수는 선택자에 의해 선택된 요소들 중에서 제일 처음 요소의 속성값을 가지고 오는 함수입니다. 만일 모든 요소들의 속성값을 개별적으로 알고 싶다면, jQuery의 .each()함수나 .map()함수를 사용해야 합니다. .attr() 함수는 속성값을 가져오지 못하면 undefineded를 반환합니다. https://jsfiddle.net/Kimara/bqf..