JavaScript2 [JavaScript] Module 사용 방식 : CJS, ESM Module자바스크립트의 크기가 커지고 복잡해지는 것을 방지하기 위해 파일을 분리한 것.보통 클래스 파일 하나 또는 여러 함수와 객체로 구성된 파일 하나를 의미한다.-> '분리하기 위해 사용하는 단위' 정도로 이해했다. 사용방법CJS(CommonJS) 방식module.exports를 이용해 내보내기를 한다. 불러올 때는 require() 함수를 이용한다. 모듈의 경로를 () 안에 입력한다. 모듈을 불러온 파일을 실행해주면 위와 같이 정상 작동한다. ESM(ECMAScript Modules) 방식export{} 를 이용해 한번에 내보낼 수 있다.이렇게 하나씩 따로 보낼 수도 있다. 불러올 때는 import {} from ""; 문으로 불러올 값과 경로를 입력해주면 된다. 다만 확장자명을 js가 아닌 mj.. 2024. 6. 14. [JavaScript] 비동기 처리 : Promise, async/await 비동기 처리를 위해 callback 함수를 사용하면 작업이 많아질수록 코드가 복잡해져 가독성이 떨어지고 오류를 찾기도 어려워진다.이 콜백 지옥(Callback Hell) 현상을 피하기 위해 도입된 기능이 Promise와 async/await 이다. Promise 사용제작 코드(Producing Code)와 소비 코드(Consuming Code)로 나눠진다.먼저 제작 코드에서 Promise 객체를 생성, resolve와 reject 매개변수를 통해 성공과 실패의 경우를 작성한다.이후 소비 코드에서 .then .catch .finally(생략 가능) 함수를 활용해 조절할 수 있다. isLike를 false로 수정한 결과 async/await 사용마찬가지로 Promise 객체를 먼저 생성해야 한다.이렇게 설.. 2024. 6. 13. 이전 1 다음
