JavaScript

- 콜백(Callback)이란? 1. 함수의 인수로 사용되는 함수이다. 2. 특정한 실행 위치를 보장해주는 방법으로 콜백함수를 활용할 수 있다. setTimeout(함수, 시간) 여기서의 함수가 콜백을 뜻한다. timeout 함수가 먼저 실행이 되더라도 timeout 함수 내부에서 3초후에 실행하는 setTimeout함수가 있기 때문에 Done!이 먼저 출력되고 그 후 YeJin이 출력되는 것을 볼 수 있다. ❗ YeJin 다음에 Done이 출력되게 하려면? timeout을 호출할 때 화살표 함수를 통해 인수를 만들고, timeout 매개변수로 넣어준다. 아직 호출되지 않은 함수이므로 실행하고 싶은 곳에 매개변수(callback())를 적어줌으로써 실행 위치를 보장해준다. + 매개변수이기에 callbac..

setTimeout(함수, 시간) 일정 시간 후 함수 실행 setInterval(함수, 시간) 시간 간격마다 함수 실행 clearTimeout() 설정된 Timeout 함수를 종료 clearInterval() 설정된 Interval() 함수를 종료 📌 setTimout(함수, 시간) 일정한 시간 후에 실행되는 함수이며 시간 단위는 ms(1000ms = 1s)를 쓴다. setTimeout에서 바로 실행되기 때문에 익명의 함수로 적어주고 화살표 함수도 괜찮다. 3초 후에 setTimeout이 실행되어 콘솔 창에 YeJin이라고 뜬다. 📌 clearTimeout() 설정된 setTimeout 함수를 종료하는 함수이다. setTimeout이 시작되기 전, 3초 이내에 clearTimout을 실행하게 되면 tim..

- 호이스팅(Hoisting)이란? 자바스크립트 문법에서 변수나 함수를 선언 이전에 사용할 수 있다는 뜻이다. 실제로 코드가 끌어올려지는 것은 아니며, 자바스크립트 Parser 내부적으로 끌어올려서 처리하기 때문에 실제 메모리에서는 변화가 없다. 📌 함수 표현식 원래 자바스크립트는 위에서부터 아래로 해석되어 읽혀진다. 그래서 아래 사진처럼 함수가 호출되는 부분을 윗부분으로 옮기게 되면 아직 함수가 만들어졌지 않았기 때문에 콘솔에 오류가 떠 실행이 불가능하다. 함수표현식은 함수선언문과 달리 선언과 호출 순서에 따라서 정상적으로 함수가 실행되지 않을 수 있다. 변수에 할당된 함수표현식은 끌어 올려지지 않기 때문에 이때는 변수의 스코프 규칙을 그대로 따른다. 📌 함수 선언문 그러나 함수 표현식이 아닌 함수 선..

화살표 함수가 일반 함수와 다른 점 중 하나는 일부 내용을 축약해서 최소화하여 사용할 수 있다. 화살표 함수는 매우 편리하기 때문에 앞으로도 많이 쓸 것이다!! 화살표 함수는 실행문이 간단하면 return 생략이 가능하다. 또한 매개변수가 하나라면 괄호를 생략할 수 있다. 추가적인 매개변수 존재하면 ,를 사용하여 넣어준다. 중괄호 기호도 하나의 객체 데이터가 아닌 블럭으로 해석된다. 기호가 겹치기 때문에 객체 데이터를 넣는다면 {} 괄호를 () 로 감싸준다.