프론트엔드235 prisma 사용 중 에러 발생 :: Inconsistent column data: Could not convert value "2024-08-01" of the field `req_in_dt` to type `DateTime`. Invalid `prisma.tbReqMgt.findMany()` invocation: 사이드 프로젝트 진행 중에 아래와 같은 에러가 발생하였다. Inconsistent column data: Could not convert value "2024-08-01" of the field `req_in_dt` to type `DateTime`. 해당 에러는 콘솔에 찍히지 않고 터미널에서 확인이 가능했다. 원인은 prisma로 조회를 하였을때 발생하였다. 기존에 DateTime 속성인 컬럼을 Varchar로 변경한 것이 원인이었다. 이것을 해결하기 위해서 prisma\schema.prisma 이경로로 진입하여 맵핑된 정보를 수정하였다. 하지만 왠지 적용이 되지 않았다. 따라서 터미널에 추가적으로 명령어를 입력해주었다. 아래 명령어는 기존 캐시를 삭제하고 진행하는 명령어이다. npx prisma .. 2024. 11. 4. next js 에서 emotion 라이브러리에 styled 적용 안될 때 emotion을 적용하려고 했더니 아래처럼 텍스트로 인식이 되고 적용이 안되었다. 나는 vscode를 이용해서 개발 하고 있었는데 원인을 찾고 보니 vscode에서 styled를 적용 못해주고 있었다. 우선 확장팩을 선택하여 설치해주면 styled가 적용된다. styled-components 2024. 9. 16. vscode 에서 next js 개발 할때 div 태그 등 자동완성 안될 때.. 해결 법 next js 공부를 시작하였는데, div 태그 등 html 태그들이 자동 완성 안된다는 것을 알고 너무 답답하였다. 하지만 구글링을 통해 답을 알아내었다. 우선 vscod에서 window 기준 ctrl + shift + p 를 눌러 settings.json 을 열어주고아래 코드를 추가 해준다."emmet.includeLanguages": { "javascript": "javascriptreact" }, "emmet.syntaxProfiles": { "javascript": "jsx" }, 그러면 아래와 같이 자동완성이 된다. ㅎㅎㅎ 2024. 9. 16. Next js 13버전 생성 최근 Next js 프로젝트를 생성하려고 하였더니 14버전으로 생성되었다. 듣고있는 강의는 알고 보니 13버전이라 폴더 구조가 달라서 혼란이 왔고, 확인해보니 13버전으로 설치가 필요했다. 명령어: npx create-next-app@13 my-next-app 를 입력하여 13버전으로 설치하면 폴더구조가 강의를 듣고있는 구조와 같게 생성 되었다. 만약 조금씩 다르다면 src/ 나 라우팅 옵션을 NO로 선택하여 진행해 보면 좋을 거 같다. 더불어 react 17버전으로 설치 하는 방법:yarn add next@12.1.0 react@17.0.2 react-dom@17.0.2 --exact 2024. 9. 16. React 프로젝트 배포 후 에러 추적 하는 방법 (feat. sentry) 프론트 프로젝트를 배포하고 나면 사용자가 어떻게 사용하는 궁금한 경우나에러가 발생하였는데 원인을 파악하기 힘든 경우가 프로그램 운영을 하다보면 많이 발생 한다. 그런 경우 프론트엔드 개발자는 sectry라는 모니터링 툴을 사용하면 된다. 여기서는 react 프로젝트에 sentry를 연결하는 방법을 리뷰해보겠다. 우선 sentry에 로그인해주어야 한다.사이트: https://sentry.io/for/frontend/ Frontend Monitoring with Full Code VisibilitySentry’s frontend monitoring gives you full visibility into your code, so you can catch issues before they become downt.. 2024. 9. 8. Vercel 배포 방법 (react 프로젝트 무료 배포) 사이트 접속Login – Vercel Dashboard vercel.com 회원 가입 진행 or 로그인 회원가입 or 로그인 완료 개발 진행중인 vscode로 돌아와서 터미널에 명령어 입력vercel login 만약 아래와 같이 vercel login 명령어가 에러가 발생한다면 cli를 설치 해준다. 터미널에 명령어 입력: npx vercel 계속해서 vercel login을 진행해준다.회원가입한 과정을 진행이후 로그인이 완료되면 vercel 명령어를 터미널에 입력하여 배포 진행 (나는 cli 설치하였더니 별 다른 명령어 입력 없이 배포까지 진행 되었다.)위와 같이 진행해주고 production에 만들어진 링크를 클릭하면 배포된 곳에 접속 가능하다. 다시 한번 배포하기를 원하면 명령어를 입력 해준다.n.. 2024. 9. 2. 이전 1 2 3 4 ··· 40 다음
