JSFiddle - React, Tailwind, and code Playground
HTML
<button>안녕</button>
<span>hello</span>
JavaScript
/*
// 함수 선언식으로 단독 사용 시 에러발생
function () {
alert('전 실행되지 않습니다.')
}
*/
// 즉시 실행 익명함수
(function() {
console.log('전 즉시 실행 익명함 수 입니다.');
console.log('단 한번만 자동으로 실행되야하는 경우에 적합합니다.');
})();
// 버튼 클릭 이벤트에 콜백함수를 지정할 때
$('button').on('click', function(){
var btnMSG = $(this).text();
alert(btnMSG);
});
// 클릭 이벤트에서의 익명함수와 기명함수와의 사용방식의 차이
function alert2(str) {
var spanMSG = $(this).text();
alert(spanMSG);
}
$('span').on('click', alert2);