목록javascript (15)
Hello World...
setTimeout 을 동기적으로 활용하고 싶을 때가 있다. await setTimeout 이런식으로 사용하면 원하는대로 작동하지 않는다. 아래와 같이 Promise 를 활용해야 한다. https://dev.to/francisprovost/await-a-settimeout-1fje Await a setTimeout Use the async/await syntax with setTimeout dev.to const wait = (timeToDelay) => new Promise((resolve) => setTimeout(resolve, timeToDelay)); await wait(3000); // 3초 기다린 후 아래 코드 실행 ...
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bGX9vd/btqO6hlxi7k/FsOPRkMJJbpJy7uQvipwb0/img.png)
갈색 잎 이미지에 마우스를 올리면 초록색으로 변경된다 ^^ onmouseover & onmouseout 왼쪽 이미지에 마우스가 올라가면 오른쪽 초록색 이미지로 변경되게 해보자
axios get params 를 fetch 로는 어떻게 보내야 하는 지 검색을 하다 아래처럼 하면 된다는 것을 알게 되었다. axios get params axios .get('http://coupontest.io/coupon', { params: { coupon: 'coupon-data' } }).then(.....) fetch 에서는 아래처럼 var url = new URL('http://coupontest.io/coupon'); var params = { coupon: 'coupon-data' }; url.search = new URLSearchParams(params).toString(); fetch(url) .then((res) => res.json()) .then((res) => consol..
벨로퍼트님의 프론트엔드 강의 중 모달창 만들기가 있어서 참고해서 만들어보았다~
Promise 공부를 하다가 헷갈리는 점이 있어서 적어둔다. const b = function(cb) { setTimeout(function() { cb('one'); }, 200); }; new Promise(b).then(r => console.log(r)); // one //* 위에 코드는 아래 코드와 같다. cb 가 기존 resolve 이다. new Promise(cb => { setTimeout(function() { cb('one'); }, 200); }); new Promise(b) 이러 형태로 넣는 것이 헷갈렸다. 기존에는 항상 (resolve, reject) => ... 이런 식으로만 사용을 해서 저게 뭐지... 이렇게 생각했다. 너무 단순한 상황인데도 피상적으로만 코드를 인식하다보니 생..
비동기 처리를 하는데 있어 callback 이 자주 사용되었으나 콜백헬 등 가독성이 안 좋아지고 코드가 난잡해지는 경우가 있다. callback const wait = (inputStr, callback) => { setTimeout(() => { console.log(inputStr); callback(); }, 500); }; wait('A', () => { wait('B', () => { wait('C', () => { return; }); }); }); // A -> B -> C promise const wait = inputStr => { return new Promise((resolve, reject) => { setTimeout(() => { console.log(inputStr); reso..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/yX5OW/btqBh04FYgU/Nfgplj0Jg5xBNH51qPv6ZK/img.png)
javascript split method 와 join method 를 이용해서 replaceAll method 를 구현해 볼 수 있다. String.prototype.replaceAll = function(searchVal, replaceVal) { return this.split(searchVal).join(replaceVal); }; const str = 'hello'; let changeStr = str.replaceAll('l', '1'); // 'he11o' changeStr; // 'he11o; str; // 'hello' How working split method and join method