u_ju
우주의 우당탕탕개발일지
u_ju
전체 방문자
오늘
어제
  • 분류 전체보기 (118)
    • 팀 프로젝트 (2)
    • 내배캠 WIL & TIL (91)
    • JS (0)
    • React (1)
    • CS (23)
    • Next (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 배열#함수
  • 코딩#바보#오류투성이#팀프로젝트
  • 일요일 오늘은 내가 바로 함수만들기 요리사 !
  • 회의감#현타#나름뿌듯#고민거리#코딩#IT#CSS#JS
  • Component를 처음 선언하는 것을 Mount 라고 한다던데...?#props #state

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
u_ju

우주의 우당탕탕개발일지

CS

require와 import차이점

2023. 4. 4. 10:24

require와 import는 모두 JavaScript에서 다른 모듈을 가져오는 데 사용되는 키워드입니다. 그러나 이 두 가지 방법은 차이가 있습니다.

require는 Node.js에서 사용되는 CommonJS 방식의 모듈 시스템에서 사용됩니다. require는 해당 모듈을 동기적으로 로드하고 해당 모듈이 내보낸 객체를 반환합니다. 예를 들어, 다음과 같이 사용할 수 있습니다.

const fs = require('fs');

위 코드는 Node.js의 내장 모듈인 fs를 로드합니다.
반면, import는 ES6(ECMAScript 2015) 이후의 자바스크립트에서 사용되는 모듈 시스템에서 사용됩니다. import는 해당 모듈을 비동기적으로 로드하고 해당 모듈이 내보낸 객체를 반환합니다. 예를 들어, 다음과 같이 사용할 수 있습니다.

import fs from 'fs';

위 코드는 ES6 이후의 자바스크립트에서 fs 모듈을 로드합니다.
주요 차이점은 require는 CommonJS 방식의 모듈 시스템에서 사용되고 동기적으로 로드하며, import는 ES6 이후의 자바스크립트에서 사용되고 비동기적으로 로드한다는 것입니다.
따라서, Node.js 환경에서는 require를 사용하고, 브라우저에서는 import를 사용합니다. 그러나 최근에는 Node.js에서도 ES6 모듈 시스템을 지원하므로 import를 사용할 수 있습니다.

'CS' 카테고리의 다른 글

useRef가 필요한 상황과 사용 예시  (0) 2023.04.04
배열, 객체를 const 로 선언했는데 요소, 속성을 추가할 수 있는 이유  (0) 2023.04.04
브라우저 저장소 차이(local storage, session storage, cookie)  (0) 2023.03.31
this 가 동작하는 원리와 용법  (0) 2023.03.31
Position의 사용방법  (0) 2023.03.30
    'CS' 카테고리의 다른 글
    • useRef가 필요한 상황과 사용 예시
    • 배열, 객체를 const 로 선언했는데 요소, 속성을 추가할 수 있는 이유
    • 브라우저 저장소 차이(local storage, session storage, cookie)
    • this 가 동작하는 원리와 용법
    u_ju
    u_ju

    티스토리툴바