부름 지도
import·require 관계 · 고리 찾기 · 입구와 죽은 파일 · 파서 없이 가볍게
부름 지도
zip 을 넣으면 파일이 서로 무엇을 부르는지 그리고, 고리·많이 불리는 파일·아무도 안 부르는 파일을 짚습니다
node_modules · dist · build · .git · coverage 는 건너뜁니다. 코드 파일(js·ts·jsx·tsx·css·vue·svelte)만 봅니다.
고리 (서로 부르는 자리)
많이 불리는 파일
아무도 안 부르는 파일
소스 zip 을 고르세요
파일이 서로 무엇을 부르는지 그려 줍니다. 고리(A↔B)와 많이 불리는 파일, 아무도 안 부르는 파일을 찾아 「어디부터 읽나」에 답합니다.
이렇게도 부른다 — 의존성 · graph · 호출관계 · 코드구조 · dependency
쓰는 법
- 소스 파일을 여러 개 올리거나 붙여넣기
- 누가 누구를 부르는지 그림으로 보기
- 고리(서로 부르는 짝)가 있으면 먼저 풀 자리로 표시됩니다
- 많이 불리는 파일 = 먼저 읽을 곳, 아무도 안 부르는 파일 = 입구이거나 죽은 파일
다른 곳과 뭐가 다른가
- 아무도 안 부르는 파일을 짚어 줍니다 — 입구이거나 죽은 파일입니다.
- 코드가 서버로 가지 않습니다.
자주 묻는 질문
- 진짜 파서를 쓰나요?
- 안 씁니다(무게). import·require·export from 을 글로 찾습니다 — 「어디부터 읽나」에 답하는 데는 그걸로 충분합니다.
- 고리가 왜 중요한가요?
- 고칠 때 제일 아픈 게 고리입니다. A 가 B 를 부르고 B 가 다시 A 를 부르면 어느 쪽을 먼저 읽어도 앞이 안 보입니다.
- 코드가 서버로 가나요?
- 안 갑니다. 읽고 그리는 것 전부 브라우저 안에서 끝납니다 — 남의 저장소를 봐도 됩니다.
다른 도구
기기 안에서만 넣은 내용은 브라우저 안에서만 처리되며 어디에도 저장·전송되지 않습니다.