나만의 컴퓨터 공학

폼(form) : 사용자로부터 데이터를 입력받는 요소들의 그룹이며 서버로 전송하기 위해 사용 프론트에서 서버로 데이터를 전송하는 방법 2가지form action="/login_process">form>form 태그에 action 속성을 이용해서 지정된 경로로 전송하여 처리하는 방법.form id="loginForm"> form> script> document.getElementById("loginForm".addEventListener('submit', function(event){ //자바스크립트로 사용자로부터 입력받은 값을 받아온다. const id = document.getElementById("id").value;  //사용자 입력 데이터를 서버에 전송하기 위한 AJAX 요청 만들기 const ..

자바스크립트에서 이벤트를 다룰때 document객체의 여러 속성과 메서드를 조합해서 사용한다.이벤트는 사용자와 상호작용해서 발생하는 사건(마우스 클릭, 더블 클릭, 드래그 앤 드롭, 키보드)1. v-on 디렉티브 : methods 옵션 속성으로 이벤트 연결. 이벤트 타입(click, keyup, keydown, doubleclick)2. 이벤트 핸들러에 이벤트 객체를 전달하지 않으면, 이벤트 객체를 이벤트 핸들러가 처리하지 못한다. 이벤트 객체와 값을 함께 사ㅛㅇ하려면 $event와 값을 함께 넘겨주어야 한다. 3. modifier는 이벤트 처리 방식을 제어하는데 사용하는 기능. modifier를 사용하면 DOM이벤트 동작을 변경하거나 기능을 추가할 수 있다. 예제 : keyup 이벤트로 enter(숫자..