LocatorJS For Angular 만들기 - (완)

Donghyun Hwang·2026년 2월 9일
post-thumbnail

이전글
Locator For Angular 만들기 - (1)
Locator For Angular 만들기 - (2)

드디어 라이브러리로 만들었다.
2/4에 첫 배포도 했다.

이거 만들면 세계 70억 앵귤러 개발자가 환영해줄줄? 알았는데 그런건 없더라

HN, GN 등에 홍보글이라도 올려서 그나마 좀 weekly download가 있는듯?
이슈나 피드백이 올라오길 기대했는데 그런 것도 아직 없다..

주변에 앵귤러 개발자가 있다면 추천 및 즐겨찾기, 알림 설정까지~..

https://github.com/Ea-st-ring/ngx-locator

라이브러리로 만들면서 크게 달라진 점은,

Selector 기반 탐색에서 Angular 공식 API를 활용한 탐색으로 전환

기존

컴포넌트 파일의 selector를 읽어 스캔한 파일에서 경로를 찾는 방식

// todo.ts

@Component({
  selector: 'app-todo', // 이걸 읽어서 찾기!
  templateUrl: './todo.html',
  styleUrls: ['./todo.scss'],
})
export class TodoComponent {
...
}

지금

ng.getOwningComponent, ng.getComponent와 같은 앵귤러 공식 API를 활용하여 런타임 단계에 컴포넌트에 붙는 클래스네임을 가져오는 방식

// todo.ts

@Component({
  selector: 'app-todo',
  templateUrl: './todo.html',
  styleUrls: ['./todo.scss'],
})
export class TodoComponent { // 이걸 읽어서 찾기!
...
}

이점

  • 런타임 인스턴스 기반 매칭이라는 점, 프레임워크가 보장하는 API를 사용한다는 점에서 더욱 안정적.

한계점

  • 중복되는 클래스네임에 대해서는, 현재 URL 경로와 파일 경로를 비교해서 점수를 부여하고 가장 관련성이 높은 파일을 선택하는 애매한 로직이 있다.(=정확도가 100%는 아님)
  • SSR 환경에서 제한된다.

근황 그리고 앞으로

출시 5일차..weekly downloads 66인 응애 라이브러리지만~
점점 더 angular 개발자들이 찾아보고 사용하지 않을까? 라는 기대감을 품고 있다.

개인적으로는 아직 초반 세팅 과정이 매끄럽지 않은 것 같아서, 관련 flow를 보수할 예정이다.
Maintain하는 라이브러리가 있다는 건 제법 즐거운 일인 것 같다 아직 아무 피드백도 못 받았지만 ! !

profile
앞만 보고 가

0개의 댓글