천천히 알아가는 세상

안녕하세요. React에서 Enter 이벤트 설정하는 방법에 대하여 알아보겠습니다. keyCode를 이제는 안 쓰는 것으로 알고 있지만, 아직 사용하는 곳도 있을 수 있기 때문에 2개다 작성하였습니다. keyCode는 필요 없으면 삭제하셔도 무방합니다. onKeyPress는 이제 사용하지 않으므로 onKeyDown으로 구현하겠습니다. EnterTest.jsx 아이디를 입력하는 input 창에서 커서를 두고 Enter를 입력하면 이벤트가 발생합니다. export default function EnterTest() { const onSubmitEnter = (e) => { // if(e.key === 'Enter' || e.keyCode === 13) { if(e.key === 'Enter') { // 엔터..

안녕하세요. 이번에는 JQuery 이벤트 리스너에 대하여 알아보겠습니다. 여기서는 로딩, 마우스, 키보드 이벤트에 대해서만 간략하게 알아보겠습니다 1. 로딩 이벤트 .ready(), $() html 문서 로딩이 된 후에 실행되는 함수입니다. 사용하는 방식은 다음과 같습니다. $(document).ready(function() { )}; 1.8 버전에서는 deprecated, 3.0 버전에서 미지원 $(function() { }); 해당 코드로 사용하는 것을 권장 ready() 대신에 다음과 같이 코드를 사용합니다. html 문서를 실행하면 입력했던 ‘테스트’ 알림 창이 나오는 것을 볼 수 있습니다. 2. 마우스 이벤트 click(), mouseover(), hover, scroll() 마우스에 의해서 발..