Java Script & j Query37 [JavaScript]Callback의 역할 콜백함수란? 콜백 함수는 함수 안에서 어떤 특정한 시점에 호출되는 함수를 말합니다. 콜백 함수는 함수의 매개변수로 전달하여 특정 시점에서 콜백 함수를 호출합니다. 함수정의 // 콜백 함수가 될 매개변수 설정 function plus(a, b, callback) { var sum = a + b; callback(sum); } plus 함수를 보면 callback라는 매개변수를 넣어주고 plus 함수 내부에서 callback 매개변수를 함수 형태로 실행하고 있는 모습입니다. 정의한 함수 호출 // plus 함수에 익명 함수를 인자로 전달 plus(1, 2, function(result) { console.log(result); }); 익명 함수를 전달하고 plus 함수를 호출하고 있는 모습입니다. 함수에서 .. 2020. 3. 12. 제이쿼리 동기,비동기식 방식 Ajax Ajax-Ajax란 비동기 방식의 javascript와 XML을 가리킨다. 동기 방식과 빙동기 방식의 차이점에 대해 설명한다면, %차이점동기방식->서버에 신호를 보냈을 때 응답이 돌아와야 다음 동작을 수행비동기식 방식->반대로 신호를 보냈을 때 응답 상태와 상관없이 다음 동작을 수행할 수 있다. 사용이유-AJax를 이용하는 이유는 화면 전환 없이 클라이언트(사용자 컴퓨터)와 서버간에 XML과 JSON,텍스트,HTML등의 정보를 교환하기 위해서이다.즉, Ajax를 이용하면 사용자가 서버에 자료를 요청할 때 화면 전환 없이 요청한 자료를 전송받을 수 있다. 또한 자료를 요청할 경우 어느정도 시간이 소요되는데 반해 Ajax는 기다릴 필요 없이 바로 수행 가능하다. 2018. 12. 9. 제이쿼리 -애니메이션 효과 제어 메서드 애니메이션 효과 제어 메서드‘효과’ 또는 ‘애니메이션’이 적용된 요소의 동작을 제어하는 메서드이다. 개념함수가 적용된 순서대로 큐(queue)라는 저장소(memory)에 저장이된다. 큐는 ATM기기를 통해 은행 일을 보는 사람들을 생각하면 이해하기 쉽다.사람들이 줄을 서 있고, 먼저 마친 사람은 먼저 나간다. 이와 같이 큐에 저장된 애니메이션 대기열이 있다면 먼저 들어간 애니메이션이 먼저 실행된다.% 먼저 들어간 데이터가 먼저 처리되는 형식을 FIFO(first in first out)이라고 부른다.종류stop ,delay , queue , clearQueue , dequeue , finish가 있다. -stop / delay 메서드1.stop-> 요소에 적용한 애니메이션을 정지시킨다.기본형$(“요소 선.. 2018. 12. 6. 제이쿼리 -효과 및 애니메이션 메서드 효과 및 애니메이션 메서드문서 객체를 보이게 했다가 안 보이게 하려면 스타일의 display속성을 이용해야 한다. 단,스타일을 이용하는 방법은 객체를 단순하게 조절하는 정도의 효과만 기대할 수 있다.하지만 효과 메서드를 이용하면 스타일을 이용하는 것보다 좀 더 역동적으로 동작을 조절해 화려하게 숨기거나 보이게 만들 수 있다. -효과 메서드선택한 요소를 역동적으로 숨겼다가 보이게 만드는 기능을 가진 메서드가 있다.종류 기본형$(“요소선택”).효과메서드(효과 소요 시간,가속도,콜백 함수); 효과 소요시간은 요소를 숨기거나 노출할 때 소요되는 시간case1) ex) “slow” , “normal” , “fast”case2) ex) 1,000 (1초) 500 (0.5초) 가속도는 숨기거나 노출하는 동안의 가속도.. 2018. 12. 6. 제이쿼리 -그룹 이벤트 등록 및 삭제 그룹 이벤트 등록 및 삭제하기앞에서는 단독 이벤트만 등록하는 방법을 배웠다. 이번에는 단독이 아닌 그룹으로 여러개의 이벤트를 등록하는 메서드를 알아볼 것이다. -그룹 이벤트 등록 메서드한번에 2개 이상의 이벤트를 등록할 수 있다. 즉, 선택한 요소에 이벤트 등록 메서드를 한 번만 적용하여 마우스 포인터를 올렸을 때 와 포커스가 생성되었을 때처럼 두 종류의 이벤트가 발생하도록 만들 수 있다. 종류1.on() -->이벤트 대상 요소에 2개 이상의 이벤트를 등록한다. 이벤트를 등록한 이후에도 동적으로 생성되거나 복제된 요소에도 이벤트가 적용.2.bind() -->이벤트 대상 요소에 2개 이상의 이벤트를 등록한다.3.delegate() --> 선택한 요소의 하위 요소에 이벤트를 등록한다.이벤트를 등록한 이후에도.. 2018. 12. 5. 제이쿼리 -키베도 이벤트 키보드 이벤트 -keydown() / keyup() /keypress() 메서드keydown()과 keypress() 이벤트 메서드는 선택한 요소에서 키보드 자판을 눌렀을 때 이벤트를 발생시키거나 해당 이벤트를 강제로 발생시킵니다.차이점 : keydown()은 모든 키(한글 제외) 에 대해 이벤트를 발생시키지만 keypress()는 기능크(F1~F12,Alt,Ctrl,Shift,백스페이스,캡스락,탭,한영)에 대해 이벤트를 발생시키지 X또한 키베도 이벤트 핸들러에서 생성된 이벤트 객체의 속성을 이용하면 고유 키의 코드값을 구할 수 있다. 이를 사용해 단축키 기능도 만들 수 있다. -이벤트가 발생한 요소 추적하기사이트 방문자가 이벤트를 발생시킨 요소의 정보를 구해오는 방법입니다.이벤트가 발생한 요소를 선택해.. 2018. 11. 25. 이전 1 2 3 4 5 6 7 다음
