TIL git 이해 2, 자바스크립트 모듈

이진호·2023년 10월 5일
0

TIL

목록 보기
10/66

git이해 2

로컬 상 브랜치가 있고 원격 저장소 브랜치가 있다.

원격 저상소 브랜치에 push 하거나 pull할 때 잘 확인을 해야 한다.

로컬 상 브랜치는 각 브랜치로 이동하는데에도 로컬 파일들이 수정이 된다.

로컬 상 브랜치라고 해서 로컬 파일들이 가만히 있는 것이 아니라 브랜치 별로 커밋되어있는 최신 파일들로 수정이 된다. 이를 잘 확인 해야 한다.

자바스크립트 모듈

배경

자바스크립트 프로그램을 필요에 따라서 가져올 수 있는 별도의 모듈로 분할하기 위한 매커니즘을 제공하는 것에 시작해서 기존에 라이브러리와 프레임워크로 지원하던 것을 최신 브라우저에서 기본적으로 모듈 기능을 지원

개념

단지 파일 하나에 불과
모듈에 특수한 지시사 export, import를 이용하여 다른 모듈을 불러와 불러온 모듈에 있는 함수를 호출하는 것과 같은 기능 공유가 가능해진다. 공유하는 내용은 함수, 변수 등 가능하다.

특징

  • 로컬 테스트에서의 주의 사항 - HTML 파일을 로컬에서 로드하려고 하면, 자바스크립트 모듈 보안 요구 사항으로 인해 CORS 오류가 발생하므로 서버를 통해서 테스트를 해야 한다.
  • 모듈은 자신만의 스코프가 있어서 모듈 내부에서 정의한 변수나 함수는 다른 스크립트에서 접근할 수 없다. 따라서 모듈 밖 html 요소에 함수를 넣는다면 인라인으로 사용하는 것이 아닌 직접 넣어줘야 한다.
  • 동일한 모듈이 여러 곳에서 사용되더라도 모듈은 최초 호출 시 단 한번만 실행된다.
  • export, import 지시자를 사용하기 위해서는
profile
dygmm4288

0개의 댓글