[💻 코드스테이츠 FE 44기] Underber, 비동기, 동기

✔️ 시작

고차함수, 콜백함수 관련된 과제를 페어활동을 통해 진행했다.

이전에 배웠던 내용을 토대로 진행했고 콜백함수를 활용해 기존에 선언되어있는 함수를 이용해 작업하는게 많았다.

또한 비동기, 동기가 무엇인지 간단하게 배울 수 있었다.

📍 알게 된 부분

apply(this, arguments)

주어진 this 값과 배열 (또는 유사 배열 객체) 로 제공되는 arguments 로 함수를 호출합니다.

블로킹(Blocking)

하나의 작업이 끝날 때 까지 이어지는 작업을 "막는 것"

동기적(Synchronous)

시작 시점과 완료 시점이 같은 상황

✔️ 동기(Synchronous)

• 특정 코드의 실행이 완료 될 때 까지 기다리고 난 후 다음 코드를 수행 (순차적 실행)

✔️ 비동기(Asynchronous)

• 특정 코드의 실행이 완료 될 때 까지 기다리지 않고 다음 코드들을 수행(동시에 실행)

비동기적으로 작동되어야 효율적이다.

• 백그라운드 실행, 로딩창 등 작업
• 인터넷에서 서버로 요청 보개고, 응답을 기다리는 작업
• 큰 용양의 파일을 로딩하는 작업

Javascript는 싱글 스레드 기반으로 동작하는 언어로 동기적을 작동한다.

그래도 Javascript가 비동기 처리가 가능한 이유

작동하는 환경(런타임)에서 비동기처리를 도와주기 떄문이다.

✔️타이머 API 종류

• SeiTimeout(callback, ms) : 일정시간 후 함수를 실행한다.
• caerTimeout(timerId) : SeiTimeout 타이머 종료

const timer = setTimeout(functon(){
	console.log('10초 후 실행');
}, 10000) // 10초후 실행

clearTimeout(timer); // setTimeout 종료

• setInterval(callback, ms) : 일정 시간 간격을 가지고 함수를 반복적으로 실행
• clearInterval(timerId) : SeiTimeout 타이머 종료

const timer = setInterval(function(){
	console.log('1초 마다 실행');
}, 1000) // 1초 마다 실행

clearInterval(timer); //setInterval 종료

✏️ 마치며

과제를 하면서 콜백함수 활용하는 연습을 한 거 같다.
콜백함수는 알아두면 유용하기 때문에 콜백함수를 사용하며 코드를 작성하는 습관을 만들어야겠다.

동기, 비동기에 대해 들어본 적은 있었지만 이번 기회를 통해
두 용어의 차이점에 대해 알 수 있었다.