[Part2-2주차] 모듈, 모듈 내보내고 가져오기 - 이경하

[k0nghaa]

📚 학습 주제

• 주차: [Part2-2주차]
• 주제: [모듈, 모듈 내보내고 가져오기]

📝 학습 내용 체크리스트

✅ 개념 요약

• 주요 개념들을 이해하기 쉽게 정리했는가?
• 핵심 포인트를 놓치지 않고 요약했는가?

🔍 모르는 개념 연구

• 이해하기 어려웠던 개념들을 조사하고 정리했는가?
• [] 추가 학습이 필요한 부분을 명시했는가?

💻 예시 코드 및 설명

• [] 개념을 설명하는 실용적인 코드 예시를 작성했는가?
• [] 코드에 대한 상세한 설명을 포함했는가?

📋 주요 학습 개념 설명/요약 (선택)

• [간단하게...]
• 모듈이 최초로 실행된 후 그걸 공유하고 있는 어느 모듈에서 내용을 수정하면, 다른 모듈에도 수정사항이 똑같이 적용된다.
• 모듈은 최초 호출 시 단 한번만 실행되는데, 이 특징을 이용해 실무에서는 최상위 레벨 모듈을 초기화나 내부에서 쓰일 데이터 구조를 만들고 내보내 재사용하고 싶을 때 사용한다.
• import.meta 객체로 모듈의 정보를 알 수 있다.
• 모듈 스크립트는 항상 지연 실행되는데, 이에 대해 주의해야하는 상황은 페이지 내 특정 기능이 모듈 스크립트에 의존적일때이다.
• 모듈 스크립트 특징 중 async 속성을 인라인 스크립트에 적용할 수 있다는 점이 있는데, 어디에도 종속되지 않는 기능을 구현할 때 사용하면 좋다. (ex. 광고)

❓ 질문사항 및 토론 포인트

• [궁금한 점이나 토론하고 싶은 내용]

📖 참고 자료 (선택)

• [추가 참고한 자료가 있다면]