전체 글 126

타이머 API

setInterval 일정 시간의 간격을 가지고 함수를 반복적으로 실행시키는 것이다. arguments: 실행할 callback 함수, 반복적으로 함수를 실행시키기 위한 시간 간격(밀리초) return value: 임의의 타이머 id setInterval(function(){ console.log('1초'); },1000); // 1초라는 단어를 1초마다 console창에 보여준다! clearInterval(timerId) 반복 실행중인 타이머를 종료한다. arguments: 타이머 ID return value: 없음 ar timer = setInterval(function(){ console.log('1초'); },1000); clearInterval(timer); 참고 : setTimeout에 대응하..

동기와 비동기

Callback 함수에 대한 복습 callback 함수란 다른 함수의 전달인자(argument)로 넘겨주는 함수다. 이때, parameter를 넘겨받는 함수는 callback 함수를 필요에 따라 즉시 실행하거나, 나중에 실행할 수 있다. 즉시 실행하는 것은 synchronously -> 동기 나중에 실행하는 것은 asynchronoously ->비동기 blocking vs non-blocking blocking은 진행되던 일을 멈추고 다른 것을 시행해야하며, non-blocking은 진행되던 일을 계속면서 실행할 수 있다. blocking은 synchronous에 대응되고, non-blocking은 asynchronous에 대응된다. 종합해보자면 콜백을 사용하여 함수들이 비동기적으로 실행되도록 만들면, ..

작성 시간과 현재 시간을 이용하여 ~전 출력

function returnTimeBefore(tweet){ let endtime = Date.now(); let starttime = tweet.created_at; let timebefore = endtime-starttime; //timebefore는 miliseconds 단위의 시간 차다. //이것을 연,월,일,시간,분 단위로 쪼개는 것을 하면 됨. let toseconds = timebefore/1000 let appendtotimebefore = '' let oneyear = 3.154e+7; let onemonth = 2.628e+6; let oneweek = 604800; let oneday = 86400; let onehour = 3600; let onemin = 60; if(toseco..

DOM으로 작동하는 웹앱 만들기

여러 시행착오를 통해 DOM으로 작동하는 웹앱을 만드는 방법론에 대해서 어느 정도 알게 된 것 같다. 만드는 순서 1) 다루고 싶은 부분을 정의 2) 이벤트 핸들러 안에 사용되어 여러가지 조건에 부합하는지 확인할 함수를 정의 3) 만든 함수를 이용하여 이벤트 핸들러에 조건을 부여함. 4) 이벤트 핸들러와 엘리먼트를 연결함 함수의 재사용 이벤트 핸들러 안에서 어떤 조건들을 지정하는 것보다는, 이벤트 핸들러 외부에서 조건을 부여하는 함수를 만드는 것이 재사용 등에 훨씬 좋은 것을 알 수 있었다. addEventListner addEventListner는 인자로 들어간 함수에 어떠한 인자를 부여하는 것으로 보인다. 생활코딩에서 관련 부분을 잠깐 찾아보니 addEventListner는 인자로 전달한 event ..

길/DOM 2021.02.04

<Script> 태그를 <body> 태그 끝나기 전에 삽입해야 한다.

아래는 자바스크립트 코드. console.log('welcome JavaScript') let msgElement = document.querySelector('#container'); console.log(msgElement); 개발자 모드에서 콘솔창을 보면 아래 두 결과는 다르다. head태그 안에 넣은 것은 #container를 찾지 못하고 null을 반환함. 그 이유는 브라우저가 html 코드를 위에서부터 차례대로 해석하다가 script 태그를 중간에 javascript 파일을 불러와서 실행하기 때문이다. 따라서 모든 html 태그를 읽고 script를 실행할 수 있도록 body 태그 끝나기 직전에 넣자! Tweet List hello world code states Tweet List hello..

길/DOM 2021.02.04