TIL 8. 2024-01-08

오늘의 TIL은 시간 관계상 학습한 내용을 정리해본다.!!

반복문 종류

1. for(): (초깃값, 조건식, 증감식)

• 조건에 부합할 때까지 순회한다.
• break;문을 만나면 반복문 중단
• continue; 현재 조건을 중단

2. forEach()

• 조건 없이 배열 전체를 순회한다.
• break; 사용 불가
• return문 사용 불가

3. map()

• 조건 없이 배열 전체를 순회한다.
• break; 사용 불가
• 새로운 배열을 생성
• return문 사용
• 배열의 길이(크기)는 원본 배열과 동일하게 생성된다.
• 만약 원본 배열 길이가 5이면 map의 배열 길이도 5로 생성

비동기식 표현

• sync & await는 비동기식 코드를 동기식으로 표현
  기존의 비동기 처리 방식인 콜백함수, Promise를 사용했지만 단점을 보완하기 위해 ES8에서 도입된 비동기 처리 방식의 가장 최신 문법이다.
• async & await는 Promise객체를 반환한다.(then()을 사용할 수 있다.)
• async & await 기본 문법
• await은 async함수 안에서만 동작한다.
• Promise 와는 다르게 에러를 핸들링 할 수 있는 기능이 없다. 따라서 try-catch() 문을 활용하여 에러를 핸들링 하여 주어야 한다.

• Fetch: promise 기반의 비동기식 함수이다.

비동기처리에 사용되는 객체이다.

Promise의 세가지 상태
• pending(대기): fulfilled(이행)도 rejected(거절)도 안된 초기 상태
• fulfilled(이행): 비동기 연산이 성공적으로 완료된 상태, 결과값을 반환한다.
• rejected(실패): 비동기 연산에 실패한 상태, 에러를 반환한다.

promise 의 특징으로, new Pronise(...) 하는 순간 여기에 할당된 비동기 작업은 바로 시작됩니다.
Promise 가 끝나고 난 다음의 동작을 우 의가 설정해줄 수 있는데, 그것이 바로 then 메소드와 catch 메소드입니다.
• then 메소드는 해당 Promise 가 성공했을 때의 동작을 지정합니다. 인자로 함수를 받습니다.
• catch 메소드는 해당 Promise 가 실패했을 때의 동작을 지정합니다. 인자로 함수를 받습니다.