개발 기본

모듈(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

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

관계 지도