DeepDive JS - 13일차 // 46-49장 -끝-

46장 제너레이터와 async/await

제너레이터란?
실행을 일시 중지했다가 필요한 시점에 재개할 수 있는 함수
function 키워드와 yield 문을 사용해 구현 
이터레이터와 결합하여 순차적인 데이터 생성 가능

async/await

async 키워드를 사용하면 비동기 함수를 동기 코드처럼 작성 가능
await 키워드는 프로미스가 해결될 때까지 기다림
try...catch 문을 이용한 에러 처리 가능

 

 

47장 에러 처리
에러 처리의 필요성
에러가 발생하지 않는 코드를 작성하는 것은 불가능.
에러를 처리하지 않으면 프로그램이 강제 종료
try...catch를 사용하면 프로그램 실행을 계속 유지 가능

throw문과 Error 객체

throw 문을 사용하여 강제적으로 에러 발생 가능

 

 

48장 모듈 

모듈이란 ?
코드를 분리하여 유지보수성을 높이는 기능
ES6부터 import/export 키워드를 사용하여 모듈화 지원

ES6 모듈

script 태그에 type="module" 어트리뷰트 추가, 로드된 자바스크립트 파일은 모듈로서 동작.
파일 확장자는 mjs를 사용할 것을 권장.

모듈 스코프는 독자적인 모듈 스코프를 제공.




49장 Babel과 Webpck을 이용한 ES6+/ES.NEXT 개발 환경 구축
Babel이란?
최신 자바스크립트 문법을 구형 브라우저에서도 사용할 수 있도록 변환하는 트랜스파일러
ES6+ -> ES5 코드로 변환

Webpack이란?
자바스크립트, CSS, 이미지 등의 리소스를 번들링하는 도구.
모듈 시스템을 지원하며, Babel과 함께 사용하면 강력한 개발 환경 구축 가능.