1. 메서드 정의
a. 함수 이름: searchComponents
b. 입력 파라미터: componentName (검색할 컴포넌트 이름)
2. Fiber 트리 검색
a. 함수 이름: findComponents
b. 입력 파라미터: fiber (현재 Fiber 객체)
c. 현재 Fiber 객체의 type이 componentName과 일치하는지 확인
i. 일치하는 경우:
- fiber.stateNode를 elements 배열에 추가
d. 자식 Fiber 객체 재귀적으로 검색 (fiber.child)
e. 형제 Fiber 객체 재귀적으로 검색 (fiber.sibling)
3. React DOM 루트 컨테이너 검색
a. 페이지에서 '[data-reactroot], [data-reactid]' 선택자를 사용하여 루트 컨테이너 검색
b. 각 루트 컨테이너의 _reactRootContainer._internalRoot.current에서 Fiber 트리 검색
4. 콘솔 출력 및 강조
a. 검색된 DOM 요소를 콘솔에 출력
b. 콘솔에서 출력된 DOM 요소 클릭 시 개발자 도구의 요소 탭에서 강조
5. 결과 반환
a. 검색된 DOM 요소의 배열을 반환