내가 해결한 오류들 13

리액트 네이티브에서 pdfmake 라이브러리 쓸 때 (NOBRIDGE) ERROR Unhandled promise rejection [RangeError: Maximum call stack size exceeded (native stack depth) 에러 해결하는 법

내가 기억할라고 빠르게 씀 + 공익을 위해 글 씀............결론부터 말하자면:const docDefinition = [ content: [ {text: "", fontSize: 24, }, {...} ], defaultStyle: { ... } ...]위 docDefinition.content 에 들어갈 객체를 동적으로 만들지 말자!!!!!자세히 설명하자면:지금 나는 pdfmake 로 좀 복잡한 디자인을 구현 중인데 예를 들어 table의 각 row마다 isDark: boolean 값에 따라 image 컴포넌트를 추가해야 했다.그래서 대충 이런 식의 함수를 구현했다.const createCellStyle = (isDark?: bo..

리액트에서 pdfMake 한글 깨짐 문제 해결하기

pdfMake는 다 좋은데 폰트 커스텀하는 거랑 이미지 넣는 게 힘들다. (개인 생각..) 특히 `pdfMake 한글깨짐` 관련 글을 찾아보면 grunt를 깐다, gulp을 쓴다 등등 여러 글들이 있는데 솔직히 나한텐 다 안 통했다 ㅠㅠ근데 공식문서에서 보면 추가 라이브러리 설치 없이 그냥 커스텀 폰트 적용할 수 있더라??? 역시 사람은 공식문서를 읽어야 함.근데... 공식문서가 참 이해 안되게 적혀있었다 ㅠㅠ https://pdfmake.github.io/docs/0.1/fonts/custom-fonts-client-side/vfs/ 이 링크 들어가면 커스텀 폰트를 쓰는 두 가지 방식이 있었는데, 그 중 2번 via URL protocol은 쉽긴 쉬운데 ttf 파일을 지원하는 cdn을 무조건 써야 하는..

react native 에서 gradlew clean 실패할 때

내가 기억해둘라고 빠르게 적어둠.보통 뭐 androidManifest.xml 이든 뭐든 좀 설정 크게 바뀌었다, 아님 아 이거 이대로 빌드 안되고 충돌날거 같은데 하는 쎄한 감이 왔다 하면 cd android & gradlew clean을 해야 하는데 가끔 여기서마저 에러 날 때가 있다.에러 메세지는 다양한데 일단 > Task :gradle-plugin:settings-plugin:processResources FAILED 라든가, CMaker FAILED 라든가.. ... 하여간 gradlew clean이 실패한다.나는 보통 이런 문제를 컴퓨터를 옮겨가며 코딩할 때 주로 마주한다. >> 이게 뭔 뜻이냐면, 회사 컴퓨터로 코딩했다가 git push pull 해서 개인 컴퓨터로 작업했다가 ... 이런 식으..

react Chart.js 에서 "Scatter is not a registered element" 에러 해결하는 법

0. 참고라이브러리: react, typescript, chart.js 3.9.1버전, react-chartjs-2 4.3.1버전 (실시간 스트리밍 기능 써야 해서 일부러 chart.js는 latest말고 낮은 버전을 쓰는 중)웹 배포 환경: firebase hosting컴퓨터: window 11, 크롬1. 배경chart.js, react-chartjs-2 라이브러리를 사용해 그래프를 화면에 보여줘야 했다.처음엔 bar 그래프만 보이면 돼서, 대충 만들어 쓰다가 그 위에 scatter 그래프를 추가해야 했어서 mixed chart로 수정한 후 웹을 배포했다.그런데 갑자기 공백 창이 뜨면서 "scatter is not a registered element" 에러가 뜨기 시작했다. 분명 내 로컬 환경에선 문..

.env 파일에 http~ 로 로컬 서버 주소 설정했는데 자꾸 https로 api 통신되는 문제

1줄 결론: meta http-equiv='Content-Security-Policy" ... 이 설정 빼세요. ----next js 프론트엔드 프로젝트 폴더에서 .env 파일에 NEXT_PUBLIC_SERVER_ADDRESS = 'http://192.111.3.11:3000/' 이렇게 주소를 정하고 api 통신을 하는데 자꾸 https://192... 로 통신이 날아가는 문제가 생겼다. 이전에 상용서버(https:// ,,, ) 로 쿼리 날리던 게 캐싱돼서 덮어쓰이는 건가 싶었지만, 그건 아녔다. 그냥 진짜 내 환경변수의 http가 https로 변경되는 것이었다. 챗지피티한테 왜 그런지 물어봤더니... 아하!! 보안 문제때문에 https로 자동으로 바꿔준단 거군 -> 근데 30분동안 끙끙대며 다 해봤는..

prettier 적용 안되는 문제 이걸로 직빵 해결 가능

prettier을 vscode 익스텐션으로 설치도 해보고 npm install도 해봤고 preferences 탭 가서 formattingOnSave 체크도 되어있고 프로젝트 폴더 안에 .prettierrc .eslintrc.json 도 있는데 저장해도 전혀 프리티어랑 린트 적용 안되시는 분들 계시죠?나도 그래서... 한 5번쯤 똑같은 문제 겪으니 개빡치더라구여 그래서 나도 기억할겸 블로그에다 적어둠. 1. vs code키고2. f1 누르면 vscode 창 위쪽 검색바가 켜짐. 거기다가 settings.json 을 검색하세요3. 그럼 이렇게 한 3개 정도가 뜸. 한글버전 vscode라면 기본세팅, 작업공간세팅, 세팅 이렇게 3개 뜰 거임.4. 여기서 우리는 맨 위에 있는 User Settings로 들어가야..

prettier expected ~ 에러 수정

0. 문제 발생 🍉 잘 먹히던 프리티어가 갑자기 에러가 떴다. 가장 흔한 에러 해결 방법은 "format on save" 나 "npm install 새로 하기" 지만, 하나도 먹히지 않았다. 그래서 에러를 띄우는 terminal 창을 자세히 보니, 아주 중요한 정보를 알게 되었다. 일부 file에선 prettier가 정상 작동하지만, 특정 파일에서만 prettier가 작동하지 않고 빨간 에러가 뜬다는 사실이었다. (코드 내부에선 전혀 에러 메세지가 뜨지 않고 terminal에서만 에러 메세지가 보였음.) 즉, 프리티어 자체의 문제보단 내 파일 특정 부분의 문제라는 것!!!!! 1. 문제 원인 🍉 terminal의 에러 메세지는 다음과 같다, ["INFO" - 6:05:13 PM] Formatting fi..

개빡치는 mysql 설치 오류 모음집 (기존 mysql 프로그램 삭제법, mysql current password 삭제법)

참고로 본인 컴퓨터는 window 11 mysql installer은 1.6 mysql server 8.0.35 오늘 날짜는 2024년 1월 10일이다. 0. 이전에 깔려있던 MySQL 프로그램들 삭제하기. 개조빡쳐서 글로 적는다. 일단 본인은 2021년도에 학교에서 mysql 실습한다고 노트북에 mysql을 한 번 설치한 적이 있다. 그래서 컴퓨터에 "MySQL for Visual Studio" 라는 프로그램이 깔려있는 상태였다. 그리고 이제 2024년 1월 오늘 mysql을 새로 공부하면서 프로그램을 설치하려 하는데, 자꾸 MySQL 설치 에러가 나는 것이다. 처음부터 다시 설치하기 위해 MySQL 관련 모든 파일들을 삭제하려 했는데, 제어판에 들어가 MySQL for Visual Studio를 삭제..