본문 바로가기

반응형

전체 글

(105)
[jQuery] .focus() .blur() 차이점 1. .focus()는 이벤트가 포커스 되었을때 요소를 전달한다. .on( "focus", handler ) .trigger( "focus" ) Attempting to set focus to a hidden element causes an error in Internet Explorer. Take care to only use .focus()on elements that are visible. To run an element's focus event handlers without setting focus to the element, use .triggerHandler( "focus" ) instead of .focus(). hidden 요소에 포커스 이벤트를 실행하면 인터넷익스플로 오류납니다. hidd..
[jQuery] .attr() .prop() 차이점 Attribute는 HTML 텍스트 문서에 있는 것 Property는 HTML DOM에 있는 것 .attr()은 jQuery 1.6 이후 .attr()와 .prop()로 분리 되었다. .attr() : HTML 속성(attribute)을 취급 속성 값이 string으로 넘어온다. .prop(): javascript 프로퍼티(property)를 취급 boolean, data, function등을 가져 올 수 있다. 체크박스 체크 $("#id).attr("checked") : 문자열 값인 checked 반환 $("#id).prop("checked") : boolean true 반환 .attr('checked', 'checked') / .prop('checked', true) 체크 박스 해제 $("#id).a..
Uncaught TypeError: $ is not a function 크롬 개발자 도구 디버깅에 아래와 같은 오류가 뜬다. Uncaught TypeError: $ is not a function 검색결과 $가 안먹는다고 하는거 같았다. 뒤에 (jQuery)를 붙이라고 하는데 (function($){ })(jQuery); 이걸로 해결이 안되었다.ㅠㅠ.. 결론! $(document).ready(function{ }); 을 jQuery(document).ready(function($){ });로 바꾸니까 해결되었다. 예약어 충돌나는데 var t = $.noConflict(); 처럼 $을 t로 예약어 변경이 가능하다. https://stackoverflow.com/questions/12343714/typeerror-is-not-a-function-when-calling-jquer..
[jQuery] 위치/크기 관련 기능 다루기 부모 좌표 노드 구하기 $대상.offsetParent() 자식 노드의 위치는 부모 좌표 노드에 영향을 받습니다. 부모 좌표 노드가 왼쪽으로 50만큼 이동하면 부모 좌표 노드 안에 포함된 자식 노드 역시 같이 움직입니다. - 자바스크립트 DOM에서 부모 좌표 노드 자바스크립트 DOM에서는 position 속성값이 absolute 또는 relative로 설정된 조상 노드 중 가장 근접한 노드가 부모 좌표 노드가 됩니다. 지역(부모 노드 기준) 좌표 위치 다루기 지역위치란 ? 부모 좌표 노드의 left():0 , top():0 위치를 시작점으로 하는 위치 값을 의미합니다. 지역 위치 구하기 : position() 메서드를 이용하면 요소의 지역 위치 값을 구할 수 있습니다. $대상.position().left ..
[android] 스크롤뷰 ScrollView 사용하기 (화면에 스크롤 만들기) 화면에 스크롤이 필요할경우 안드로이드는 ScrollView 를 사용할 수 있습니다. ScrollView 태그 안에 자식객체를 담아 주면 됩니다. 주의점은 스크롤뷰는 하나의 자식만 가질 수 있습니다. 따라서 스크롤뷰 안에 LinearLayout을 만든 후에 LinearLayout안에 필요한 자식들을 담으면 스크롤뷰는 하나의 자식을 가질 수 있습니다.
[jQuery] mouseover, mouseenter 차이점 mouseover, mouseenter 차이점 mouseover/mouseout : 마우스 커서가 노드에 들어오거나 노드 밖으로 나가면 발생하는 이벤트 / 만약 내부에 자식 노드가 있는 경우 자식 노드에서도 이벤트가 발생한다. 즉, 자식 노드는 독립적인 노드로 처리된다. mouseenter/mouseleave : 마우스 커서가 노드에 들어오거나 노드 밖으로 나가면 발생하는 이벤트 / 만약 내부에 자식 노드가 있는 경우 자식 노드에서는 이벤트가 발생하지 않는다. 즉, 자식 노드는 부모 노드의 일부분으로 처리된다.
[jQuery] 이벤트 다루기 자바스크립트+jQuery 완전정복 스터디 2권 (JQuery 기초와 활용) 스터디 정리 이벤트 다루기 1. 이벤트 단계 단계1. 캡처 단계 단계2. 캡처 단계 단계3. 버블링 단계 이벤트 흐름은 오직 DOM 노드 객체를 따라 이동한다. 사용자가 만든 객체에서는 절대 일어나지 않을뿐더러 이벤트를 흐르게 할 수도 없다. eventPhase 프로퍼티 1=캡처 단계 2=타깃 단계 3=버블링 단계 01. 단계1 캡처 단계 최상위 노드인 document에서 시작해서 태그와 태그를 거쳐 실제 이벤트를 발생시킨 노드 전까지 흐른다. 흐르면서 만나는 노드 중 캡처 단계에 이벤트 리스너가 등록 돼 있다면 이벤트 리스너가 실행된다. 이벤트 등록방법 $대상.get(0).addEventListener(이벤트이름, 리스너, tr..
안드로이드 웹뷰 웹페이지 권한 오류 해결 net:: ERR_CLEARTEXT_NOT_PERMITTED 에러 발생 시 1. AndroidManifest.xml 에 코드를 추가하여 인터넷 권한을 추가합니다. 2. AndroidManifest.xml application 태그에 android:usesCleartextTraffic="true"코드를 추가하여 http의 접근을 허용해줍니다.

반응형