# onKeyup
text 박스로 text 입력하기
onkeyup입력을 완료 하는순간 작동됨onchange변화가 감지되면 작동됨onpaste붙여넣기 하는순간 작동됨콘솔에서 확인할 수 있는 로직을 추가해주었다.괄호의 ‘ ‘ 안에 text 를 입력하고 조건을 충족시키면콘솔에 ‘ ‘ 에 적은 message 가 출력된다.🔗
onSubmit, input 엔터 누를경우 submit으로 넘어감
폼 안에서 input이 있는 경우저장을 눌러야 submit으로 넘어가야 하는데 계속 엔터만 쳐도 submit으로 넘감위 처럼 e.preventDefault()를 입력하면 넘어가지 않음.요점은 1\. onClick 일 경우 : enter를 치거나, 버튼을 클릭할 때, s

javascript - 키이벤트 onkeydown, onkeypress
키와 과련된 이벤트 리스너는 3개가 있다.onkeydown, onkeypress, onkeyuponkeydown : 모든 키에 대해 키가 눌러지는 순간 호출onkeyup : 모든 키에 대해 눌러진 키가 떼어지는 순간 호출onkeypress : Enter, Space,
onKeyUp , onClick, KeyCode13
아주간단한 예제를 통해서onKeyUp도 사용해보고onClick도 사용해보고keyCode13이라는 것을 이용해서 클릭하지 않고 엔터만눌러서submit을 해보자일단 예제코드는 아래와 같다이벤트 e를 괄호안에 넣어주고 e.keycode===13 이라고 주면13이 엔터를 뜻함

ajax를 이용한 검색기능 만들기
회원가입을 커스터마이징하는 업무를 하다 구현한 검색기능을 튜토리얼으로 만들어보았다. input창에 글자를 칠 때마다 ajax를 사용해 해당 데이터를 가져오고, 클릭하면 하단에 출력해주는 기능을 구현해볼 것이다.포스팅을 위해 예제 프로젝트를 만들었다.json파일은 위의
[React] 이벤트 처리하기
React에서는 JSX를 사용하여 문자열이 아닌 함수로 이벤트 핸들러를 전달합니다.위의 코드는 onClick의 객체로 lambda함수를 넣어서 Submit 버튼을 클릭했을 때 'hello'라는 문자가 뜨도록 하는 코드입니다. 'hello' alert주의!만약 위의 코드