javascript 모듈 (require, import) / 원시 값과 참조 값 (const로 선언한 참조 값의 경우)

2023. 7. 26. 19:38컴퓨터지식/기술면접

  1. require와 import차이점을 설명해주세요. 각각 어떤 상황에서 쓸 수 있나요?
    1. require이랑 import 모두 자바스크립트에서 모듈을 불러오기 위해 사용하는 키워드
    2. require : 자바스크립트 런타임 환경인 Node.js에서 채택한 모듈 시스템인 CommonJS 에서 제공하는 모듈 키워드
      1. 동기 (코드 실행 중단)
      2. 동적 (조건에 따라 로딩 가능)
      3. 코드 중간부 호출 가능
      4. 코드 작성 시 확장자 생략 가능
      5. 노드 환경
      6. 전체 모듈
    3. import : ES6에서 부터는 클라이언트 사이드에서 사용할수 있는 모듈이 기능이 추가되었고 ES6모듈에서 모듈을 불러오기 위해 사용하는 사용하는 키워드
      1. 비동기 (코드 실행 중단 없음)
      2. 정적 (조건에 따른 로딩 불가)
      3. 코드 최상단에서 동작
      4. 코드 작성 시 확장자 포함
      5. 브라우저 환경
      6. 사용자가 원하는 부분만 가져올 수 있음
      7. 리액트
    4. 노드 최근 버전에서는 import를 지원, 바벨을 사용해서 트렌스파일링 하게 될 경우 다른 환경에서도 사용 가능
  2. 배열, 객체를 const로 선언했는데 요소나 속성을 추가할 수 있는 이유에 대해서 설명해주세요

    자바스크립트 값 - 변경불가능한 원시 값 / 변경가능한 참조 값.
    배열과 객체 - 참조 값
    1. 참조값을 변수에 할당하면?
      1. stack영역에는 주소값만 저장되고 heap영역에 값이 저장됨.
    2. const : 재할당되지 않는 상수값을 선언하는 키워드
      1. 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