짧은코딩

https://velog.io/@hunmok1027/vite-에서-절대경로-설정하기 처음엔 위 블로그 보고 설정했다.(블로그 주인님께 감사) 잘되는가 싶었는데 내 프로젝트에서는 jest에서 에러가 발생했다..! 문제점 jest에서는 절대 경로를 설정한 파일을 또 불러오지 못한다. 따라서 따로 설정이 필요하다. 해결법 package.json "jest": { "moduleNameMapper": { "^@/(.*)$": "/src/$1" } } 이렇게 설정하여 jest의 절대 경로를 설정했다. 테스트 코드 파일 import UserManageModal from '@/components/Member/MyPage/UserManageModal'; 그리고 import 할때, 경로를 @/components 이렇게 불..

이번에 진행하는 프로젝트는 webpack, npm이 아닌 vite와 yarn berry를 사용하는 과제를 받았다. 이 글에서 설명하는 초기 세팅은 react, ts, vite, yarn berry, tailwind css + twin.macro(emotion js), recoil, react query, jest, cypress를 설치하는 과정이다!(뭔가 엄청 많다..) 먼저 짧은 후기를 적어보자면 vite에 대한 정보가 너무 없어서 좀 힘겨웠다..! Vite + React + yarn berry 적용 yarn create vite 먼저 이 명령어를 입력하고 react, typescript를 각각 선택해줬다. yarn berry 전환 yarn set version berry pnp 모드 적용 먼저 .ya..