모듈과 컴포넌트
모듈은 설계 시점에서 의식적으로 의미있는 요소이고
컴포넌트는 런타임 시점에 실제적으로 의미 있는 요소이다.
모듈
제대로된 모듈 역할을 하기 위해서는 디렉토리 단위를 모듈 개념에 가깝게 사용하는 경우가 많다.
import와 export를 통해 모듈을 불러오고 내보낼 수 있다.
모듈을 사용하기 위한 준비물
모듈은 로컬 파일에서 동작하지 않는다.
웹서버를 활용하여 HTTP or HTTPS 프로토콜을 통해서만 동작한다.
아주 간단한 웹 서버로는 http-server가 있다.
모듈의 특징
특징 1 : 항상 use strict로 실행된다.
특징 2 : 모듈 레벨 스코프가 있다.
서로 import 하지 않으면 모듈 간 참조가 불가능하다.
특징 3 : 단 한 번만 평가된다.
import가 여러 번 되어도 평가(실행)은 한 번만 된다.
특징 4 : 지연 실행된다.
일반 스크립트와는 달리 DOM이 모두 만들어진 후 실행된다.
defer를 적용한 것과 같다.
하지만 현재는 Webpack 등을 이용하여 번들링한 스크립트를 불러오기 때문에
type="module"을 사용할 일이 드물다. 하지만 알아두는 것은 좋다.
😅 해당 내용은 공부하면서 정리한 글입니다. 틀린 부분이나 오해하고 있는 부분이 있다면 피드백 부탁드립니다.
유리프트 프론트엔드