DEVLOG

vite [비트] 처음 프로젝트에 도입했을 때 팀내에서 이걸 바이트라고 불러야할지 비트라고 불러야할지부터 어색해서 처음에는 다들 바이트라고 부르다가, 프랑스어로 "빠르다(Quick)"를 의미하며, 발음은 "veet"와 비슷한 /vit/ 입니다. 공식 홈페이지에도 이 부분이 정리가 되어있어서 이걸 공유하고 나서부터 비트라고 부르기 시작했다. vite란 이름의 뜻도 빠르다인 vite는 말그대로 빠르고 간결한 모던 웹 프로젝트 개발 경험에 초점을 맞춰 탄생한 빌드 도구이다. 시작은 vue를 위한 빌드도구로 시작했지만 현재는 vanilla, vue, react, preact, lit, svelte에서 사용이 가능하며, 물론 javaScript, typeScript도 모두 사용이 가능하다. (클릭시 온라인에서 V..

📖 목차 💡 이슈 Error: Minified React error #130 Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. 로컬에서 확인하는 경우(yarn start)에는 문제가 없고, 페이지를 build하는 경우 build는 성공하지만 문제가 발생하는 특정 페이지에서 아래와 같은 에러메세지와 함께 페이지가 띄워지지 않는 이슈 발생 💡 원인 사용하고있는 라이브러리가 객체형식으로 들어오는 것이 문제가 되고 있었다. webpack에서는 이런 경우 별다른 처리 없이 사용이 가능했지만 vite에서는 해당 부분에 대한 처리가..

📖 목차 💡 이슈 Uncaught TypeError: ZNe is not a function 페이지를 로컬에서 확인할때(yarn start)에는 문제가 없고, 페이지를 build하는 경우 build에는 성공하지만 페이지를 확인해보면 아래와 같은 에러메세지와 함께 페이지가 띄워지지 않는 이슈 발생 💡 원인 현재 번들러로 vite를 사용하고 있는데 vite+react의 호환이 아직 정상적으로 이루어지지않아 빌드 시 antd 부분에서 충돌이 발생한 것으로 보임. 💡 해결 ❌ 해결1 (해당 이슈가 이 방법으로 해결되지는 않았으나, 다른 페이지에서 이 방법으로 비슷한 문제가 해결되어 함께 적용했고 기록용으로 작성합니다.) vite.config.ts에서 사용하는 vite-plugin-import2라이브러리를 vit..