컴포넌트를 클릭하면 소스코드를 띄워주는 크롬 확장 프로그램

https://www.locatorjs.com/ "Find any component in code" 설치 후 개발 서버를 띄운 localhost 화면에서 Alt(Option) + Click을 하면 해당 컴포넌트의 원본 소스코드로 바로 이동 시켜주는 크롬 확장 프로그램입니다. VSCode, Webstorm, Atom를 기본적으로 지원하며, 그 외의 에디터는 Custom link를 통해 설정할 수 있습니다. 크롬 외에도 Edge, Brave, Opera, Firefox 브라우저에서 사용할 수 있고, 확장 프로그램 없이 프로젝트에 직접 설치해서 팀원들과 함께 사용할 수도 있습니다. 사용해보니 UI도 괜찮고, 에디터에서 컴포넌트 탐색하는 시간이 줄어서 확실히 생산성이 높아지는 효과가 있었습니다. 생산성을 중요하게 여기시는 분들에게 설치를 추천드립니다.