방구석 개발자의 놀이터

1. referentialIntegrity(참조 무결성) 설정 데이터베이스의 참조 무결성 설정을 위해 prisma에서 설정해 줄 때 Preview feature "referentialIntegrity" is deprecated. 라는 오류를 볼 수 있다. prisma 공식문서를 읽어보면 Prisma version 3.1.1에서 사용된 referentialIntegrity 기능은 Prisma version 4.8.0 이후부터 relationMode로 대체되었다고 한다. 따라서, 위의 이미지와 같이 relationMode = "prisma" 옵션으로 바꿔주면 문제는 해결된다. 2. relationMode 설정하는 이유 오류는 해결했지만 왜 relationMode를 설정해야 할까? 이 역시 prisma공식문서..

분명 route 설정을 제대로 했는데 설정한 URL 경로로 갔을 때 cannot Get 에러를 목격 했다면 webpack의 mode가 development일 확률이 크다~!! 결론부터 말하자면, 2가지 방법이 있다. 1. webpack.config.js에서 아래와 같이 설정하면 된다. module.exports = { mode: "development", devServer: { historyApiFallback: true, } } 2. webpack serve에 옵션을 추가하면 된다. npx webpack serve --history-api-fallback 그렇다면 devServer의 historyApiFallback이 무엇을 의미하는지 알아보자. 먼저, React는 모두가 알다시피 SPA(Single ..

Mac 업데이트를 계속 미루다가 이번에 그냥 업데이트 하고 새로운 마음으로 다시 시작하자! 라는 마음으로 업데이트를 진행했다. MacOS(catalina) => MacOS(Monterey) v12.6로 업데이트를 하고 vscode를 열기위해 프로젝트 폴더에서 code . 을 했는데 에러가 뚜둥... /usr/local/bin/code: line 6: python: command not found /usr/local/bin/code: line 10: ./MacOS/Electron: No such file or directory 해결 방법을 구글링을 해본 결과 microsoft vscode 깃헙에서 아래와 같은 방법이 나왔다. MacOS 12.3 Beta 이후 버전에서는 python 2에 대한 지원을 하지 ..

고객에게 서비스 제공중에 갑자기 에러가 났다!!! 이런적이 없었기 때문에 매우 당황... B2C에서 에러관련 문의가오면 등줄기가 서늘해진다.. 대략적으로 확인했을 때 화면 전환시에 필요한 데이터를 못들고가는 현상같았다. console을 보니 localStorage setItem에서 에러가 나고있었다. 간헐적으로 에러가 나길래 원인을 분석해보니 localStorage 용량 문제였다. LocalStorage의 최대 용량은 5MB인데 첨부파일이 5MB를 넘어버린것이다. 몇가지 대안을 생각했다. 1. IndexedDB로 대체 2. history.push 할 때 props로 넘겨주기 3. redux에 저장했다가 불러오기 로직을 살펴보니 복잡하게 할 필요가 없이 history.push에서 넘겨주면 됐어서 2번을 선..