포시코딩

function f1() { setTimeout(() => { console.log(1); }, 1000); } function f2() { setTimeout(() => { console.log(2); }, 2000); } function f3() { f2(); f1(); } f3(); // 출력 // 1 // 2 시행착오1 function f1() { setTimeout(() => { console.log(1); }, 1000); } function f2(f1) { setTimeout(() => { console.log(2); }, 2000); f1(); } f2(f1); 시행착오2 function f1() { setTimeout(() => { console.log(1); }, 1000); } fun..

HTML 파일에서 script 파일을 불러와야 할 때가 있다. 이 때, 옵션으로 defer 혹은 async 를 볼 수 있는데, 이 옵셥들은 무엇을 의미하는걸까? 먼저, 자바스크립트는 HTML 태그 안에서 사용할 수 있다. 버튼 body 태그 안에서 위처럼 코드를 짰을 때, 버튼을 누르면 alert 으로 hi 가 나와야 하지만 이 코드는 제대로 작동하지 않는다. 무엇이 문제일까 button 을 만드는 HTML 보다 먼저 스크립트가 선언됐기 때문에 btn 이라는 id 를 가진 요소가 만들어지기도 전에 실행 되버려 작동하지 않게 된 것이다. 이를 해결하려면 스크립트 부분을 body 태그 상에서 제일 하단에 위치시키거나 따로 js 파일로 빼서 script 를 불러오는 방식으로 진행해야 할 것이다. test.js..