아마도 메모장 3

npm install 오류

npm verb node v20.11.0 npm verb npm  v10.2.4 npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: react-popper@2.3.0 npm ERR! Found: react@19.0.0 npm ERR! node_modules/react npm ERR!   react@"^19.0.0" from the root project npm ERR!   peer react@">=16.8.0" from @dnd-kit/accessibility@3.1.1 npm ERR!   node_modules/@dnd-kit/accessibility npm ERR!     @dnd-ki..

아마도 메모장 2025.02.07

next.js에서 local font를 사용하는 이유

1. 속도 향상구글 웹 폰트를 import하는 방식은 CDN을 통해 폰트 파일을 로드해야하기 때문에 네트워크 상태에 따라 로드 속도가 영향을 받을 수 있다. => 로컬 파일을 사용하면 네트워크 요청이 줄어들어 속도 개선2. 사용자 경험 개선폰트 로딩 속도가 빨라지면서, FOIT(Flash of Invisible Text)나 FOUT(Flash of Unstyled Text) 현상이 줄어든다. 간단히 말하면 폰트가 로드 되지 않아서 텍스트가 보이지 않거나 다른 폰트로 보이는(대체폰트를 지정해놓지 않으면 굴림체로 보인다던가..ㅎ) 현상을 줄일 수 있다.3. 캐싱 및 오프라인 접근성프로젝트에 포함된 로컬 폰트 파일은 브라우저 캐시에 저장된다. 그 이후 방문 시에는 로컬 캐시에서 불러올 수 있어 성능 향상에 도..

아마도 메모장 2024.11.08

API 인증키 (encoding / decoding)

포스트맨 작업물을 fetch 서비스함수, 타입 생성해서 git에 pr요청하는 과제를 하면서공공데이터포털의 open  API를 postman으로 먼저 테스트 해보는 중이었다.   발급받은 serviceKey를 넣어줬는데 오류없이 잘 되길래 바로 service,type.ts 파일 생성한 다음마지막으로 main.ts 에서 console.log 찍어서 확인해 보는데 왜....왜죠......?TMDB랑 OpenWeather 다 잘만 되는구만 저 공공데이터만 오류 때문에 확인이 안됐다 ㅠㅠㅠㅠㅠ구글링으로 SyntaxError: Unexpected token '참고)  Uncaught (in promise) : promise 형태의 return이 잘못된 형식으로 왔다.SyntaxError : 문법적 오류로 언어의 구..

아마도 메모장 2024.08.17