본문 바로가기
뉴렉처 과정 기록 (Frontend)/Javascript

06/21 Javascript 모듈(Module)

by yeonee3219 2021. 6. 21.

 

모듈은 코드가 분리된 단위를 뜻함

 

모듈이라는 것은 조립이 가능해야 됨

조립이 되었다고 해도 각 모듈들이 선언한 변수, 함수가 다른 모듈에 영향을 주면 안됨 (고립성 유지)

 

 

 

모듈을 쓰기 위해 가져와야 하는데 스스로가 가져올 능력이 안되서 html의 도움을 빌려 모듈을 가져온다

 

 

나중에 붙은 친구가 실행됨 / 함수이름이 같은데도 에러 안나고 최근꺼 실행한 것

 

 

-> 그래서 자바스크립트에서 모듈화 지원하게 됨

 

 

 

 

 

 

 

 

 

 

 

 네 가지의 형식으로 노출 할 수 있다

 

 

 

 

 

중괄호 밖에 쓸 수 있는 것만 유일하게 디폴트임

디폴트 아닌것들은 다 중괄호 안에 넣어줘야 함

 

 

두번째꺼만 디폴트

그리고 디폴트만 별칭쓸 수 있음

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

클래스를 노출하는 것과 객체를 노출하는 것은 다르다

하나의 객체를 만들어놓고 같이 쓰게 하고 싶으면 new 를 써서 사용하면 됨