코드잇 모던 자바스크립트 기초 수업 (드디어) 완료!!!
마지막 토픽은 모듈에 대한 내용이다. React를 먼저 접하고 나서 이런 기초 지식을 알게 되었다는 사실이 묘하지만 '그래서 이걸 뭐라고 불러야 하냐???'에 대한 개념을 정리할 수 있었다.
모듈: 자바스크립트 파일 하나
- 코드를 좀 더 효율적으로 관리할 수 있고,
- 비슷한 기능이 필요할 때 다른 프로그램에서 재사용 할 수도 있음
모듈 스코프: 모듈 파일 안에서 선언한 변수가 외부에서 자유롭게 접근할 수 없도록 제어되는 범위
- 모듈은 파일 안에서 모듈 파일만의 독립적인 스코프를 가지고 있어야 함.
모듈 문법: export, import, default
-
export: 모듈 스코프를 가진 파일에서 외부로 내보내고자 하는 변수나 함수를 내보내는 키워드
-
import: 다른 파일에서 내보내진 변수나 함수들을 가져오는 키워드
-
default: 모듈 파일에서 기본적으로 export할 대상을 지정
prototype이나 class, closure나 Execution Context와 같이 조금 더 복잡하거나 추상적인 영역의 개념들을 다룬 코스는 아니었지만 React를 사용하기 전에 미리 알았더라면 더 수월했을 거 같은 기초 개념이었다.
그리고 오늘 벨로그 피드에서 발견한 유용한 글
https://velog.io/@eunbinn/a-cure-for-react-useState-hell
이제 자바스크립트 객체 지향 기본기 수강 시작해야지!
