먀로그

토이 프로젝트에서 사용할 지도 이미지 파일을 Import하는 과정에서 발생한 에러를 해결하는 과정을 포스팅하고자 한다. svg 이미지를 import 하는 과정에서 에러가 발생했다. SyntaxError: unknown file: Namespace tags are not supported by default. React's JSX doesn't support namespace tags. You can set `throwIfNamespace: false` to bypass this warning. 네임스페이스 규칙에 어긋나니 throwIfNamespace 설정을 바꾸던지 아니면 규칙에 맞게 수정하던지 하라고 한다. 네임스페이스 사례를 찾아보니 카멜케이스 등의 다양한 규칙들이 나왔다. 흠... 저 return..

평소 공부할때는 필요하지 않았지만 프로젝트에서는 꼭!! 필수로!!! 해야하는 세팅이 있다. 바로바로..... 상대경로를 alias path를 활용하여 절대경로로 바꾸기! 오늘은 그 과정에 대한 포스팅이다. 😇 프로젝트가 간단하다면 import를 할 컴포넌트의 depth가 그렇게 깊숙히 있지는 않다. 컴포넌트를 또 새로운 컴포넌트로 쪼개야 하고, 어느정도 규모가 되는 프로젝트에서는 위와 같이 import를 하는데에만 어지러워질 것이다. 이를 간결하고 직관적으로 처리하기 위해 우리는 config에서 alias path를 통해 절대경로를 세팅해주어야 한다. 이번 프로젝트는 TypeScript+React 프로젝트이므로 CRA(최근 업데이트가 없어 곧 안쓰게될...RIP..)로 우선 개발 환경을 세팅해준다. 개발..