전체 글76 Javascript 이벤트 버블링, 위임 target과 currentTarget의 차이 자바스크립트 이벤트의 동작 javascript의 이벤트는 브라우저 상에서 사용자와 상호작용을 통해 제어되는 동작들을 통칭한다. 이벤트 등록 자바스크립트에서는 이벤트 리스너를 통해 사용자의 특정 동작과 그 특정 동작이 발생했을 때 발생시킬 이벤트를 함수로 표현한다. window.onload = function () { alert("Hello World"); };위 함수는 window가 load 되었을 때 다음 함수를 실행시킨다. var div = document.querySelector('div'); div.addEventListener('click', function(){ console.log("hi"); });위 함수는 div가 클릭되었을 때 콘솔창에 “hi”를 입력시킨다... 2019. 8. 22. Javascript Transition Event 제어 자바스크립트를 통해 CSS 애니메이션을 제어하는 방법에 대해 알아보자. 먼저 다음과 같은 엘리먼트가 있다고 생각해 보자. 아래 e.clientX 와 e.cilentY에는 현재 클릭한 윈도우 상의 좌표값을 반환한다. const box= document.querySelector('box'); window.addEventListener("click, function(e){ console.log(e.clientX, e.clientY); box.style.transform = 'translate(' +e.clientX + 'px,' + e.clientY + 'px)'; }); 여기서 만약 box를 position:absolute로 띄우지 않으면 이 window가 가지는 마진값에 영향을 받기 때문에, 정확히 내가 .. 2019. 8. 21. [html] form 태그 공부 FORM Tag HTML에서의 입력 양식 action 폼을 전송할 서버 쪽 스크립트 파일 저장 name 폼을 식별하기 위한 이름 지정 accept-charset 폼 전송에 사용할 문자 인코딩 지정 target action에서 지정한 스크립트 파일을 다른 위치에서 열도록 지정 ex)_blank method 폼을 서버에 전송할 메소드를 정함 get 이나 post get과 post 방식의 차이 폼을 구성하는 엘리먼트 fieldset : 폼 태그 안에 관련있는 폼 엘리먼트를 그룹화 할 때 사용. legend 태그를 하위에 사용하여 그룹화 한 폼을 목적에 맞게 이름을 지정할 수 있다. 개인 정보 입력 이름 : 나이 : 개인 정보 입력 이름 : 나이 : tag 속성 type : 태그 모양을 다양하게 변경할 수 있습.. 2019. 8. 18. 프론트엔드 개발자 면접 질문 모음 HTML window 객체란 무엇입니까? window 객체 : 실행 시 가장 상위에 존재하는 객체. 변수 또는 함수 선언 시 이 window 객체 안에 선언된다. 이 window 객체의 프로퍼티를 탐색하는 방법에는 여러가지가 있다. window.location : 현재 브라우저의 주소 window.location.href : 창에 입력된 주소 window.navigator : 브라우저 자체에 대한 정보 window.document : 문서의 html/css등에 접근가능 자세한 설명 [프론트앤드 개발자 면접질문 모음] 01. window 객체란 무엇일까? 안녕하세요. 제가 블로그 포스팅을 하는 것 중에 프론트앤드 개발자 면접질문 모음이라는 포스팅이 언제나 가장 많은 조회수를 차지하고 있더라고요. 🤔그런데 .. 2019. 8. 15. 이전 1 ··· 6 7 8 9 다음
