Webpack config > resolve.extensions

어이없게 해맨 부분이 있어서 공유한다. extensions: string[] 에 ts, tsx만 넣었더니 에러가 떴다. import 해오는 코드가 모두 typescript가 아니면 webpack이 제대로 일을 안하기 때문. 따라서, default array인 ‘…’ 를 넣어주거나, js와 jsx 등의 extension까지 같이 넣어줘야 말도 안되는 에러를 피할 수 있다.

Callback naming convention for Front-end

들어가기 앞서: 어떤 컨벤션이든 지켜지지 않으면 의미가 없다. 한 번 정한/정해져버린 컨벤션이 있다면 최대한 지키는 것이 좋다. 천천히 마이그레이션 해야지라는 마인드를 절대 적용해선 안된다. 한 번에 싹 바꾸던가, 아니면 기존의 컨벤션을 지키는 것이 맞다. 프론트엔드에서 콜백/리스너 네이밍 컨벤션을 다음과 같이 제안한다. 이는 React의 기본적인 문서만 읽어봐도 알 수 있는 컨벤션이다. 현재 컴포넌트에서 직접 정의하는 콜백은 […]