본문 바로가기

반응형

웹프로그래밍

(125)
[Next.js] Error: fetch for over 2MB of data can not be cached Failed to set fetch cache https://xx.com/xx.jpg Error: fetch for over 2MB of data can not be cached 오류가 발생했을 때, 아래와 같이 조치하면 된다. # 1 fecth('xx', { cache: 'no-store' }); # 2 export const dynamic = 'force-dynamic';
[NextAuth] auth redirect 로컬 포트 변경하기 next-auth 를 설치하고 나서 인증 성공시 리디렉션 되는 경로의 포트가 3000이 기본으로 되어있어 실제 사용중인 포트가 일치하지 않는 문제가 생겼다. 검색하다보니 아래 URL에서 .env 에서 설정을 가이드하고 있어 변경하고 정상동작함을 확인했다. https://next-auth.js.org/configuration/options#nextauth_url Options | NextAuth.js Environment Variables next-auth.js.org NEXTAUTH_URL="http://localhost:5000" 이런식으로 .env 파일에 NEXTAUTH_URL 을 설정해주면, redirect 시에 포트가 정상적으로 내가 원하는 값으로 변경이 되었다
Huzy TOOLS 를 시작. 홈페이지를 제작하거나, 생활하다 필요했던 도구들을 직접 만들어 모아볼 생각 우선 네이버 지도 좌표X, Y 검색기를 카카오, 구글지도도 검색 가능하게 추가해서 제일 먼저 만들었다. 디자인에 소질이 없어서 반응형 모바일웹이 아직 안되는데, UI를 좀 고민해봐야겠다. (PC만 되는 상태) 네이버, 카카오, 구글 좌표 X,Y 검색 > https://tools.huzy.net
kakao.maps.LatLng is not a constructor kakao sdk.js 는 로드되었을지 몰라도 latlng method 가 로드되기 전에 호출될 경우 발생하는 문제이다. 다음과 같이 수정하여 해결하였다. sdk.js 호출시 파라미터에 autoload=false 를 추가해주었다. 그다음 latlng 메소드가 호출되는 부분을 kakao.maps.load callback 처리해주었다. useEffect(() => { if (kakao) { kakao.maps.load(() => { var container = document.getElementById('map'); //지도를 담을 영역의 DOM 레퍼런스 var options = { //지도를 생성할 때 필요한 기본 옵션 center: new kakao.maps.LatLng(Number(lat), Numbe..
[HTML] 사이트 자동 영어-한글 번역 방지하기 프로젝트를 진행하다 QA 를 할때면 가끔 이슈로 잡히는 건들이 있다. 코드상에 영어로 되어 있는 텍스트가 엉뚱한 한글로 보여진다는 것이다. 나중에 알고보니 자동 번역 기능때문에 발생한 해프닝이었다. 이런 현상을 방지하기 위해 아래와 같이 해주자. html 태그와 meta 태그를 각각 추가해주자.
[Node.js] 프로젝트별 Node.js 버전 다르게 사용하기 Node.js 가 레거시 프로젝트인 경우 구버전을 사용해야 할 때가 있다. 그럴때 아래와 같이 하면 된다. 먼저 nvm 을 설치해준다. 아래 링크로 들어가면 설치 스크립트를 제공하고 있다. Windows/Linux(Mac) 환경에 맞게 설치를 해준다. https://github.com/nvm-sh/nvm#install--update-script GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions Node Version Manager - POSIX-compliant bash script to manage multiple active node.js vers..
패키지 실행시 ERR_OSSL_EVP_UNSUPPORTED 발생 집 PC 환경을 윈도우를 재설치를 하면서 재구성하게 되었는데, Node.js 가 v20.x 가 설치가 되었다. 기존 프로젝트를 npm run dev 를 실행하였는데 "ERR_OSSL_EVP_UNSUPPORTED" 오류가 발생하였고, 그 해결책을 블로그에 기록해본다. 1. package.json 에 시작 커맨드에 "--openssl-legacy-provider" 를 추가한다. 해당 오류는 Node.js v17.x 부터 강화된 보안 옵션으로 인해 발생한다고 한다. npm start script 쪽에 "--openssl-legacy-provider" 를 추가해서 회피해줄 수 있다. 다만 이렇게 할 경우 다른 팀원이 pull를 했을때도 적용되니 2. 번을 추천한다. 2. Node.js 버전을 < v17 로 내린..
Discord.js) Error: aborted 최근 discord.js 를 사용해 봇을 구축하고 있는데, 음악봇 기능을 개발하면서 다음과 같은 오류가 발생해 해결방법을 찾아 포스팅한다. 우선 오류는 아래와 같이 발생했다. 6|wow | Error: aborted 6|wow | at connResetException (node:internal/errors:704:14) 6|wow | at TLSSocket.socketCloseListener (node:_http_client:441:19) 6|wow | at TLSSocket.emit (node:events:525:35) 6|wow | at node:net:757:14 6|wow | at TCP.done (node:_tls_wrap:583:7) 일단 결론부터 얘기하자면 discord 는 bitrate ..

반응형