개발 기본

모듈(Module)

모듈(Module)은 코드를 기능 단위로 나눈 파일이나 묶음으로, import/export를 통해 다른 코드에서 재사용합니다.

쉬운 설명

코드를 기능 단위로 나누고 import/export로 재사용하게 만든 파일 또는 묶음.

배경과 쓰임까지 이해하기

조금 더 자세히

모듈(Module)은 코드를 기능 단위로 나눈 파일이나 묶음으로, import/export를 통해 다른 코드에서 재사용합니다.

함수, 컴포넌트, 설정, 타입을 파일별로 나누고 필요한 곳에서 불러올 때 등장합니다.

모듈(Module)은 코드 구성 단위이고, 라이브러리(Library)는 여러 모듈을 묶어 배포되는 기능 모음일 수 있습니다.

실제로는 이렇게 만나요

모듈(Module)은(는) 실제 작업 흐름에서 Library, npm, Build 같은 개념과 함께 등장합니다.

  • 이런 거 할 때 나와요 함수, 컴포넌트, 설정, 타입을 파일별로 나누고 필요한 곳에서 불러올 때 등장합니다.
  • 이렇게 생겼어요 모듈(Module)은(는) Library, npm, Build 같은 주변 개념과 함께 문서, 설정 화면, 오류 메시지에서 자주 보입니다.
  • 나오는 화면 예시 개발 기본 작업을 하다가 Library, npm, Build를 확인하는 화면

헷갈리기 쉬운 점

모듈(Module)은 코드 구성 단위이고, 라이브러리(Library)는 여러 모듈을 묶어 배포되는 기능 모음일 수 있습니다.

왜 알아두면 좋을까요?

함수, 컴포넌트, 설정, 타입을 파일별로 나누고 필요한 곳에서 불러올 때 등장합니다.

Checklist

실제로 볼 때 확인할 것

  1. 01

    정의보다 쓰이는 상황을 먼저 본다

  2. 02

    관련 개념을 함께 확인한다

  3. 03

    실제 프로젝트에서 등장한 위치를 기록한다

관계 지도

모듈(Module) 중심으로 관련 개념의 정의와 관계를 한눈에 정리했습니다.
모듈(Module)의 정의와 관련 개념 간 관계를 설명한 계층형 그래프