javascript 모듈 (require, import) / 원시 값과 참조 값 (const로 선언한 참조 값의 경우)
2023. 7. 26. 19:38ㆍ컴퓨터지식/기술면접
- require와 import차이점을 설명해주세요. 각각 어떤 상황에서 쓸 수 있나요?
- require이랑 import 모두 자바스크립트에서 모듈을 불러오기 위해 사용하는 키워드
- require : 자바스크립트 런타임 환경인 Node.js에서 채택한 모듈 시스템인 CommonJS 에서 제공하는 모듈 키워드
- 동기 (코드 실행 중단)
- 동적 (조건에 따라 로딩 가능)
- 코드 중간부 호출 가능
- 코드 작성 시 확장자 생략 가능
- 노드 환경
- 전체 모듈
- import : ES6에서 부터는 클라이언트 사이드에서 사용할수 있는 모듈이 기능이 추가되었고 ES6모듈에서 모듈을 불러오기 위해 사용하는 사용하는 키워드
- 비동기 (코드 실행 중단 없음)
- 정적 (조건에 따른 로딩 불가)
- 코드 최상단에서 동작
- 코드 작성 시 확장자 포함
- 브라우저 환경
- 사용자가 원하는 부분만 가져올 수 있음
- 리액트
- 노드 최근 버전에서는 import를 지원, 바벨을 사용해서 트렌스파일링 하게 될 경우 다른 환경에서도 사용 가능
- 배열, 객체를 const로 선언했는데 요소나 속성을 추가할 수 있는 이유에 대해서 설명해주세요
자바스크립트 값 - 변경불가능한 원시 값 / 변경가능한 참조 값.
배열과 객체 - 참조 값- 참조값을 변수에 할당하면?
- stack영역에는 주소값만 저장되고 heap영역에 값이 저장됨.
- const : 재할당되지 않는 상수값을 선언하는 키워드
- const로 참조값인 배열이나 객체를 선언하고 요소나 속성을 추가하고 변경하더라도 실질적으로 const 에 할당되어있는 주소가 변하지 않기 때문에 요소나 속성을 추가할 수 있음
- 참조값을 변수에 할당하면?
'컴퓨터지식 > 기술면접' 카테고리의 다른 글
캐시 (0) | 2024.04.02 |
---|---|
프레임워크와 라이브러리 (0) | 2024.04.02 |
Cookie MaxAge, Expires (0) | 2024.04.01 |
useRef (0) | 2023.07.29 |
Hoisting, TDZ / parameter, argument (0) | 2023.07.26 |