경로 탐색 (Module Resolution)

<aside> 💡

의존성 그래프를 생성하기 위해, 모듈 연결을 탐색하는 과정

</aside>

모듈을 만났을 때 탐색하는 방식

• 경로가 명시된 경우 ⇒ 파일 시스템

import Header from "@/components/Header"

• 경로가 명시되지 않은 경우 ⇒ node_modules 탐색

import React from "react"

파일 시스템

<aside> 💡

OS가 파일과 디렉토리를 조직하고 관리하는 방식

</aside>

• 절대 경로 : /
• 상대 경로 : ./ , ../

모듈 경로

<aside> 💡

node_modules

</aside>

모듈을 찾는 순서

1. Node.js 혹은 브라우저 기본 API인지 확인