기록하는 개발자

javascript의 비동기 처리 세번 째, async/await 에 대한 글이다. 첫 번째 Callback과 Promise에 대한 정리는 아래 링크에서 볼 수 있다. https://mingmeng030.tistory.com/257 [Javascript] 비동기처리 - 1. Callback javascript의 비동기 처리 방법에 대하여 callback , promise , async/await 세 파트로 나누어 정리를 해보려 한다. 그 중 첫 번째 Callback에 대한 글이다. Callback 아래 함수는 일반적으로 parameter를 받아 만든 mingmeng030.tistory.com https://mingmeng030.tistory.com/258 [Javascript] 비동기처리 - 2. Pro..

javascript의 비동기 처리 두번 째, Promise에 대한 글이다. 첫 번째 Callback에 대한 정리는 아래 링크에서 볼 수 있다. https://mingmeng030.tistory.com/257 [Javascript] 비동기처리 - 1. Callback javascript의 비동기 처리 방법에 대하여 callback , promise , async/await 세 파트로 나누어 정리를 해보려 한다. 그 중 첫 번째 Callback에 대한 글이다. Callback 아래 함수는 일반적으로 parameter를 받아 만든 mingmeng030.tistory.com 위 포스팅에서 Callback 의 문제점으로 '콜백 지옥'을 얘기하면서 이의 해결책으로 promise 또는 async/await를 사용한다..

javascript의 비동기 처리 방법에 대하여 callback , promise , async/await 세 파트로 나누어 정리를 해보려 한다. 그 중 첫 번째 Callback에 대한 글이다. Callback 아래 함수는 일반적으로 parameter를 받아 만든 객체를 return한다. userInfo라는 변수에 함수 getUserInfo 의 return 값을 저장하여 console에 print 한다. 아래는 위 함수에 callback 함수를 적용하여 동일한 결과가 나오도록 수정한 코드이다. getUserInfoCallBack 함수는 두 번째 인자로 cb라는 callback 함수를 받는다. 9번째 줄에서 getUserInfoCallBack 함수를 호출하면서 익명함수를 callback 함수로 넣어주었고,..

- openweathermap으로부터의 api를 통해 오른쪽 상단에 현재 위치, 날씨, 온도를 띄워준다. Log in 00:00:00 // https://openweathermap.org/ 가입 후 개인 api key를 복사해 API_KEY 변수에 저장 const API_KEY = "4b4a6452c8e528ead6fa2fa823527423"; function onGeoOk(position){ const lat=position.coords.latitude; const lon=position.coords.longitude; const url=`https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${lon}&appid=$..

div.fruit h1[id=first] : class=fruit인 div중 h1의 id가 first인 쿼리 const h1=document.querySelector("div.fruit h1[id=first]"); handleTitleClick1, 2는 아래와 같은 역할을 동일하게 수행하는 코드이다. h1의 classList에 clicked class가 이미 있는지 확인 → 만약 있다면 clicked를 제거 → 없다면 clicked를 추가 toggle 함수는 handleTitleClick2 함수 내부의 코드 4줄과 동일한 역할을 한다. function handleTitleClick1(){ const clickedClass = "active"; if(h1.classList.contains(clickedCl..

Peach🍑 GreenApple🍏 WaterMelon🍉 ☁ 🌞 ☃ ☔ body{ background-color: lightblue; text-align: center; }​ // document : 현재 js 파일과 연결된 html 파일 // document에 first 라는 id를 가진 element를 가져온다. let firstElement=document.getElementById("first"); console.log(firstElement); // document에 second 라는 id를 가진 element의 innerText를 가져온다. let SecondElement=document.getElementById("second").innerText; console.log(SecondElemen..