728x90 반응형 javascript9 JS- 이벤트(event) JS- 이벤트(event) 오늘은 JS를 사용해서 사용자와 상호작용을 할 수 있는 이벤트에 대해 간단하게 알아보도록 하겠습니다. 여기서 이벤트란 웹페이지에서 마우스를 클릭하거나, 키를 입력하는 등 사용자가 웹페이지를 동작할 경우 어떤 사건을 발생시키는 것을 의미합니다. JS에서는 수없이 많은 이벤트가 존재하기 때문에 다양한 사건을 발생시키는 것이 가능합니다. 위에 예시처럼 사용자가 마우스를 클릭하거나, 키보드를 사용하여 키를 입력하는 방식도 있고 웹페이지의 이동이나 로딩, 스크롤바의 움직임 등등 다양한 방식의 이벤트가 존재합니다. 이벤트를 연결하는 방식에는 HTML 태그에 작성하는 인라인 방식, HTML body 태그 이후에 작성하는 방식 등이 있으나 오늘은 HTML 태그에 작성하는 인라인 방식을 통해 .. 2022. 9. 26. JS- setTimeout, clearTimeout, setInterval, clearInterval JS- setTimeout, clearTimeout, setInterval, clearInterval 오늘은 JS에서 함수의 실행 시간에 대한 방법에 대해 알아보겠습니다. (1) setTimeout/ clearTimeout 먼저 setTimeout은 지정한 시간이 지난 후 작성한 함수를 실행하는 방식입니다. -1- function time(){ console.log(1); } setTimeout(time, 1000); -2- function showName(name){ console.log(name); } setTimeout(showName, 1000, 'James'); //함수에 James라는 인수를 넣을 수 있습니다. 실행하고자 하는 함수가 있고 그 함수를 일정 시간이 지난 후 실행시키고 싶을 때 사.. 2022. 9. 7. JS- 함수 표현식과 함수 선언문의 차이, 화살표 함수 JS- 함수 표현식과 함수 선언문의 차이, 화살표 함수 저번 JS 파트에서 함수를 사용하는 방식 중 함수 선언문에 대해 알아보았습니다. 오늘은 함수 선언문과 비슷한 방식의 함수 표현식과 차이점에 대해 알아보고 함수를 간단하게 정리할 수 있는 화살표 함수에 대해 알아보겠습니다. (1) 함수 표현식과 함수 선언문의 차이 함수 표현식과 함수 선언문의 차이는 함수 선언문은 function ex(매개 변수){ 함수 본문(body); return 결과값; } 이런 식으로 function 키워드를 사용하여 작성했다면 함수 표현식은 let ex = function(매개 변수){ 함수 본문(body); return 결과값; }; 와 같이 변수를 선언하듯이 사용합니다. 함수 표현식의 특징은 마지막 괄호에 세미 콜론을 넣는.. 2022. 8. 20. JS- 함수(지역 변수, 전역 변수, 매개 변수) JS- 함수(지역 변수, 전역 변수, 매개 변수) 오늘은 프로그램을 개발할 때 구성되는 주요 구성 요소인 함수를 선언하는 방법인 함수 선언문 방식과 함수에서 사용되는 몇 가지 변수 들에 대해 알아보겠습니다. 기본적으로 함수는 function 키워드를 사용해서 선언합니다. 함수는 function 함수 이름(매개변수){ 함수 본문(body); } 이런 식으로 작성할 수 있습니다. 함수 선언문의 장점은 유사한 동작을 하는 코드들을 사용할 때 정말 유용하게 사용할 수 있습니다. 만약 로그인을 했을 때 '환영합니다'나 '로그인에 실패하셨습니다'라는 메시지를 전달하고 싶을 경우 함수를 사용하여 작성할 수 있습니다. 함수 선운문은 함수 본문에 변수를 작성할 수 있습니다. 이것을 지역 변수라고 하는데 지역 변수는 함수.. 2022. 8. 19. 이전 1 2 3 다음 728x90 반응형
