ETC/Error (29) 썸네일형 리스트형 CORS 에러 저번주에도 CORS에러가 떴었는데 그때는 내가 도메인을 잘못입력해서 떴었다. 그리고 3일전만해도 잘 작동하는 것을 봤는데 또 CORS 에러가 터졌다. localhost/:1 Access to fetch at 'http://www.주소.com/location?latitude=37.5054946&longitude=126.7655204' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but.. ERROR: Too many re-renders. 작업을하다가 백에서 회원탈퇴를 알람으로 알려주는 것이 아니라 github의 레포지토리를 지울때처럼 동의하는 문구를 입력해야 회원탈퇴게 되게하는게 어떻냐는 의견이 나왔다. 집에와서 바로 모달을 띄워봤는데 Uncaught runtime errors: × ERROR Too many re-renders. React limits the number of renders to prevent an infinite loop. at renderWithHooks (http://localhost:3000/static/js/bundle.js:31011:19) at mountIndeterminateComponent (http://localhost:3000/static/js/bundle.js:34287:17) at beginWor.. kakaoMap 로딩 문제 카카오맵 현재위치로 로드되게만들었다. 하지만 로딩하는데 속도가 10초정도 걸리는 문제가 발생했다. 지하철에서 공식문서를 읽어보면서 오던중 맵의 사이즈를 변경할경우 반드시 relayout()이라는 함수를 써야한다는 글을 보았다. 내가 사이즈를 768px, 400px로 바꿔서 로딩이 느려진게 아닐까 생각이들었다. import React, { useEffect, useState } from 'react'; import styled from 'styled-components'; const KakaoMap = () => { const [map, setMap] = useState(null); const [marker, setMarker] = useState(null); const [state, setState] =.. Kakao map을 구현하며 겪은 에러 구글맵스로 작업을 진행하다가 백에서 지도 어플리케이션을 바꿀 수 있는지 전화가왔다. 비용문제때문에 카카오맵스로 오케이하고 카카오맵을 불러와봤다. 그리고 또 다시 마주친 script unAthrized... 에러1 : ERR_ABORTED 401 (Unauthorized) GET http://dapi.kakao.com/v2/maps/sdk.js?appkey=내토큰내용&libraries=services,clusterer, drawing net::ERR_ABORTED 401 (Unauthorized).env 파일에 REACT_APP_JS_KEY 로 저장을 해두었고 복사해서 붙여넣기를 했는데 위와 같이 떴다. 시도1 : JS key 재발급 => 여전히 같은 에러코드 발생 시도2 : 문자열 그대로 appkey= .. git Untracked files 프로젝트, 이력서, 회고록, 대학교, 챌린지.. 매일매일 정신없이 살아가는데 갑자기 commit도 add도 안되는 문제가 발생했다. Untracked files 가 뜬 이유는 작업중인 디렉토리의 상위 디렉토리에 파일이 생성되어있어서였다. Git은 현재 디렉토리와 그 하위 디렉토리에 있는 파일만 추적하기 때문에, 상위 디렉토리에 있는 파일은 기본적으로 추적하지 않는다고한다. console.log의 결과값 λ 모달창을 다 만들고 닫힘 버튼을 만들었는데 반응이 없었다. props가 제대로 전달되지않는것 같아서 console.log를 찍어보니 처음보는 문자가 출력되었다. 내눈에는 들 입 자로 보이는 이게 대체 뭐지 λ는 정상인가 오류인가? console.log를 찍었을때 λ의 문자가 출력되는것은 정상이아니다, 함수가 상태를 업데이트할때 함수내부에서 자동적으로 생성되는 함수이기때문에 정상이다라는 글을 보았다. 에러는 아니지만 λ가 출력되는 문제를 해결하면서 느낀점은 에러이면서 옳은 출력값이다. 그렇다면 왜 λ 가 출력된걸까? 내경우 굉장히 복합적인 바보같은 이유가 있었다. 우선 처음에 만들때는 모달창을 메인페이지에 하나만 만들었는데 두개가 필요했다. 그래서 왼쪽,오른쪽으로 나누어서 선언해놓고 여전히 이전의 함수를 .. react 초기세팅 에러 다른사이트를 모방하는게 아닌 새로운 서비스를 만들어보자는 제의가들어왔고, 프론트개발자로 프로젝트를하게 되었다. 그런테 초기세팅부터 문제가 발생 할 줄이야.. 에러1 : [eslint] Cannot find module 'node:fs' eslint를 설치하고 실행을 햇는데 아래와 같은 에러문구가 떴다. Failed to compile. [eslint] Cannot find module 'node:fs' Require stack: - /Users/sj/Desktop/cafeeodi/node_modules/synckit/lib/index.cjs - /Users/sj/Desktop/cafeeodi/node_modules/eslint-plugin-prettier/eslint-plugin-prettier.js -.. refresh Token 무한로딩 엑세스토큰과 리프레시 토큰을 공부하고 리프레시토큰을 사용한 로그인기능을 만들어보았다. 그런데 어떠한 에러메세지도 없고 포스트맨에서는 무한 로딩이떴다. 2일동안 리프레시토큰발급이안되었던 문제를 적어본다. 하나하나 다 콘솔을 찍어서 찾아보니 @Req @Res 를 지웠을때 로그인이 되는것을 확인하였다. 1번째 문제 import { Body, Controller, Post, Get, Res, Req, Request, Response, } from '@nestjs/common'; import { AuthService } from './auth.service'; import * as bcrypt from 'bcrypt'; import * as crypto from 'crypto'; import { AuthGuard.. Oatuh에서 본 오류들 아직도 난 허접이야.. 구글로그인 오류 딱 들어가자마 나온것이 승인 차단이었다. 흠..invalid_request, missing redirect_uri.. 공식문서에서 찾아봐도 저 에러메세지는 찾지못했다. 음...대체 왜 차단되는거지.. 비밀번호랑 ID랑 콜백주소까지 제대로 적어두었는데.. 일단 늦어서 기록만 해두자. 자고 일어나서 확인하니 너무 충격적이였다. 아래 코드에 원인이 있었다. import { PassportStrategy } from "@nestjs/passport"; import { Strategy } from "passport-google-oauth20"; export class JwtGoogleStrategy extends PassportStrategy(Strategy, "google.. 백에 데이터 전송 에러 GET 요청 에러 드디어 mongodb파트에 왔는데 처음부터 에러가 떴다.. ReferenceError는 변수의 문제로 알고있다. 값이 없거나 선언되지않았다거나..(조만간 다시 공부하자..) 혼자서 해결해보려했으나 못 찾겠어서 내마음대로 바꿨던 부분을 강의를 보고 다시 똑같이 썻다. 결과는.. 그냥 이름 바꾼거만 바뀌고 에러는 똑같음.. 객체 id 불러오는것을 잘못썼나하고 바꿔봄 못 불러옴... 하지만 콘솔을 찍어보면 잘 나온다. 그렇다면 문제는 pug파일인것인가... ) ) 퍼그 파일을 요리조리 수정해봐도 # 부분이 잘못됬다고만 하고 뭐가 문제인지 모르겠었다. issue에도 없는 내용이고.. 잠시생각해보다가 console에서 값이 뜨는데 못가져오는게 이상해서 return 끝쪽에 video라고 객체를 받.. clone후 npm i 안되는 문제 학원에서 작업했던 프로젝트들을 리펙토링하기위해 프론트쪽 작업물을 클론해왔다. 프론트분들이 React를 사용하여서 react를 인스톨하고 npm start를 눌렀는데, 리엑트 스크립트 라이브러리를 못 찾는다고 한다. 이 에러는 다른 프론트분들도 같은 에러가 났었고 이유를 찾아보니 리엑트v17이상부터 나타나는 문제였다. 리엑트 17이상에서는 peerDependency로 추가하지 않은 모듈은 npm설치를 할때 오류가 발생한다고 한다. 그런데 조금더 구글링해보니 peerDependency문제는 NPM v3~v6까지는 경고만 뜨고 자동적으로 설치되었으나 npm7부터는 차단되었다고.. 때문에 npm7부터 발생하는 문제라고도 한다.(리엑트17이상이냐.. npm7이냐.. 둘다냐..) npm설치 전후의 peer deps.. npm i canvas ERR:1 크롤링과 스크린샷이 작동하는것까지 확인하고 이제 원하는 정보가 있는곳에 박스를 그릴 차례가 왔다. 내가 선택한 툴은 canvas이다. 하지만 모듈이 없다고한다. canvas를 깔아보자. npm i canvas 즐 겁 다 첫번째 시도: node 버전 낮추기 버전을 낮추면 작동하는것들이 생각보다 많은것같다. 설치가 안되던 내 node 버전은 18.12였고 15로 낮추니 설치가 되었다. 근데 굳이 버전을 낮추고 싶지않아어서 이것 저것 시도해보았다. 두번째 시도: node-gyp 재설치 에러 메세지에 뜨는 가장 많은 단어가 node-gyp였다. 그래서 지우고 다시 깔아보았는데 변하는 것은 없었다. 세번째 시도 : 공식사이트 NPM canvas readme brew install pkg-config cario p.. 이전 1 2 3 다음
