내마음대로만들어보자326 [공식 문서]이벤트 처리하기 - React의 이벤트는 소문자 대신 캐멀 케이스(camelCase)를 사용한다. ※ 캐멀케이스 : 낙타의 모양에서 따온 방법이다. 첫번쨰는 소문자로 시작하고 두번쨰 단어부터 대문자로 시작한다. 단어와 단어 사이는 붙인다. - JSX를 사용하여 문자열이 아닌 함수로 이벤트 핸들러를 전달한다. ex) Activate Lasers - React에서는 false를 반환해도 기본 동작을 방지 할 수 없으므로 반드시 preventDefault를 명시적으로 호출해야한다. function Form() { function handleSubmit(e) { e.preventDefault(); console.log('You clicked submit.'); } return ( Submit ); } 위에서 e 는 합성이벤트 .. 2021. 8. 26. clearQueue() 메서드 clearQueue() 메서드는 진행중인(첫번 째) 애니메이션을 제외하고 큐에서 대기하는 모든 애니메이션 함수를 제거한다. * 예제 내용1 내용2 2021. 8. 25. queue() / dequeue() 메서드 queue() 메서드는 큐에 적용된 애니메이션 함수를 반환하거나 큐에 지정한 함수를 추가하며, 실행하면 실행 이후의 모든 애니메이션이 취소된다. dequeue() 메서드는 실행 이후 적용된 애니메이션 메서드가 취소되지 않게 연결해준다. * 예제 내용1 2021. 8. 25. stop() / delay() 메서드 stop() 메서드는 요소에 적용한 애니메이션을 정지시킨다. delay() 메서드는 요소에 적용한 애니메이션을 지정한 시간만큼 지연시킨다. * stop() 기본형 1) $("요소 선택").stop( ); 2) $("요소 선택").stop(clearQueue, finish); 1) 진행중인 첫번째 애니메이션만 정지시킨다. 큐에 대기중인 애니메이션은 계속해서 실행한다. 2) clearQueue, finish는 true나 false의 값을 입력할 수 있다. 기본값은 false , clearQueue가 true면 큐에서 대기중인 애니메이션을 모두 제거한다. finish가 true면 진행중인 애니메이션을 강제로 종료시킨다. ① 진행중인 애니메이션만 정지 시키는 경우 $(".txt1").animate({opacit.. 2021. 8. 25. 이전 1 ··· 33 34 35 36 37 38 39 ··· 82 다음