LeeeYumin
commented
4 months ago ◾칵테일 이어서 계속....
✔자바스크립트 모듈
개발하는 애플리케이션의 크기가 커지면 파일을 여러 개로 분리해야 하는 시점이 오는데 이 때 각각의 파일을 모듈 module 이라고 부름. 모듈은 클래스 하나 혹은 특정한 목적을 가진 복수의 함수로 구성된 라이브러리 하나로 구성됨.
모듈에 특수한 지시자 export 와 import 를 적용하면 다른 모듈을 불러올 수 있음
◾export : 파일이나 모듈만의 함수나 객체를 export 하는데 사용됨
- Named exports 변수, 함수, 선언식을 하나씩 export 변수명, 함수명을 모아 멤버 목록으로 export 비구조화로 내보내기 등
- Default exports 모듈 당 딱 한개의 default export 만 있어야 함
- 다시 내보내기/조합 부모 모듈이 자식 모듈을 가져와서 다시 내보낼 수 있음
◾import : 외부 스크립트 또는 외부 모듈의 export 된 함수, 객체를 가져오는 데 사용됨
- 모듈 전체 가져오기/하나의 멤버 가져오기/여러개의 멤버 가져오기/다른 이름으로 멤버 가져오기 등 사용법 있음
◾동적으로 import 하기 : 앞의 export문이나 import 문은 정적인 방식이어서 문법이 단순하고 제약사항이 있음.
- import 문에 동적 매개변수를 사용할 수 없음 (모듈 경로엔 원시 문자열만 들어갈 수 있기 때문에 함수 호출 결과값을 경로로 쓰는 것이 불가능했음)
- 런타임이나 조건부로 모듈을 불러올 수 없음 (import문은 블록 안에 올 수 없음)
(밑의 방법은 잘 사용하지 않는다고 함)
◾브라우저HTML 에서 모듈 사용하기 : 모듈은 특수한 키워드나 기능과 함께 사용되므로 Githubissues.
✔지난 주 복습 ◾메뉴판 - 데이터바인딩 (데이터를 가져와서 처리하는 방법 실습, 전역변수 사용) ◾로컬 스토리지 ◾칵테일 - (fetch)
✔fetch 와 async await 차이 promise 는 요청해놓고 then 으로 비동기방식 처리 async await 는 동기방식이라서 fetch가 올때까지 기다림 (비동기처리 못하게 함) 비동기가 일을 많이 한다고 생각하면 쉬움 ◾칵테일 이어서 계속 하는중