부름 지도
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 를 부르면 어느 쪽을 먼저 읽어도 앞이 안 보입니다.
- 코드가 서버로 가나요?
- 안 갑니다. 읽고 그리는 것 전부 브라우저 안에서 끝납니다. 남의 저장소를 봐도 됩니다.
다른 도구
기기 안에서만 넣은 내용은 브라우저 안에서만 처리되며 어디에도 저장, 전송되지 않습니다.