포시코딩

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..

https://kyounghwan01.github.io/blog/React/clipboard-copy/#%E1%84%89%E1%85%A5%E1%84%85%E1%85%A9%E1%86%AB 클립보드 텍스트 복사하기 클립보드 텍스트 복사하기, react, queryCommandSupported, javascript, react16, react hook, 리엑트, 프론트엔드, 웹, web, javascript copy to clipboard, navigator, clipboard kyounghwan01.github.io https://developer.mozilla.org/en-US/docs/Web/API/Navigator/clipboard Navigator.clipboard - Web APIs | MDN Th..

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

let data = [ { id : 0, title : "White and Black", content : "Born in France", price : 120000 }, { id : 1, title : "Red Knit", content : "Born in Seoul", price : 110000 }, { id : 2, title : "Grey Yordan", content : "Born in the States", price : 130000 } ]; 위 data 라는 Array 안에 있는 오브젝트들을 title 로 정렬하고 싶은 경우 data.sort(function(a, b){ if(a.title b.title){ return 1;..

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/find Array.prototype.find() - JavaScript | MDN find() 메서드는 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환합니다. 그런 요소가 없다면 undefined를 반환합니다. developer.mozilla.org 오브젝트로 이루어진 배열에서 id 값이 2인 오브젝트를 찾고 싶을 때 쓸 수 있는 문법 let data = [ { id : 0, title : "White and Black", content : "Born in France", price : 120000 }, { id : 1, title : "Red K..

예제1 var products = [{ name1: 'chair', // name, price로 되야하는 상황 price1: 7000, }, ]; function change() { // products의 key에서 숫자 오타를 없애는 함수 for (obj of products) { for (a in obj) { if (!isNaN(a.slice(-1))) { var newA = a.slice(0, a.length - 1); obj[newA] = obj[a]; delete obj[a]; } } } } var 프로미스 = new Promise(function (resolve, reject) { console.log(products); resolve(); }) 프로미스.then(function () { //..