로딩
요청 처리 중입니다...

[RN] eslint-plugin-filenames 도입 과정 및 설정

 [RN] eslint-plugin-filenames 도입 과정 및 설정

react native에서 번들링 사이즈를 줄이기 위하여 ts-prune 기능으로 deadcode를 발견하고 정리하고 있었다. 작업 완료 후, 필자가 추가로 직접 확인하는 과정에서 분명 export를 해서 다른 곳에서 import를 하고 있지 않으면 deadcode 검사에서 나와야 할 텐데, deadcode로 잡히지 않아서 의문이 들었다. // MyTestCode.tsx const MyTestCode = () => { ... } export default MyTestCode 필자의 업무 환경에서는 위와 같은 화살표 함수형 React 컴포넌트를 사용하고 있다.

그리고 기존 작업자의 실수로 아래와 같이 코드가 작성이 되어있었다. // MyTestCode.tsx const MyCode = () => { ... } export default MyCode 이렇게 되어도 작동에는 문제가 없다. 다만 다른 곳에서 import 할 때는 파일명을 기준으로 하기에 import MyTestCode fr...