도록

문제 상황아래처럼 supabase의 url과 api key를 복사해서 넣었는데, 위처럼 invalid API key 오류가 떴다.  해결

에러 메세지Error: Invalid src prop (이미지 URL) on `next/image`, hostname "도메인" is not configured under images in your `next.config.js` See more info: https://nextjs.org/docs/messages/next-image-unconfigured-host 해석하자면, 이미지 띄우려고 하니 next.config.js 파일에 이미지 파일의 도메인 등록이 안되어 있다. 자세한 사항은 문서를 봐라.  해결책메세지 내용 그대로 next.config 파일에 domain을 등록해주면 된다.

로컬 서버를 올리는 방법이 여러가지가 있지만, 개인적으로는 이 방법을 제일 좋아한다제일 간단해서...   1) install 한다npm install http-server  2) 서버 띄운다npx http-server  3) 끝이다!    참고) https://www.npmjs.com/package/http-server

오류 원인html 파일에서 module 타입의 js import를 한 뒤, 파일 경로로 접근하니 CORS error가 난다.Access to script at 'file:///C:/Users/블라블라블라/파일명.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted. 오류 메세지를 읽고 다시 보니, 파일 경로에는 말그대로 origin이 빠져있다. (origin = 프로토콜 + 호스트 + 포트)- https://ree..

주기적으로 windows키나 alt + tab 이 먹통이 되어 스트레스..  Fn + F9 으로 윈도우키 잠금 기능이 있었다  출처 :https://www.fmkorea.com/4688337416

알고리즘 문제 풀이 중, console.log 찍는 게 귀찮아졌다. 디버깅... 디버깅이 필요해!    1) vscode 좌측 메뉴에서, 실행 및 디버그 버튼 -> node.js 선택   2) launch.json 파일이 켜지면서 자동완성된 파일이 생성된다.- 표시된 항목 중에서 수정하고 싶은 항목이 있다면 수정   참고) launch.json 파일이 비어있어요- launch.json 파일 조차 안뜬다면 생성하기- 우측의 구성 추가 버튼 클릭 -> node.js :프로세스에 연결 node.js 항목 없으면 nodejs 설치가 안된 것은 아닌지 확인  3) 초록 화살 표, 클릭 시 디버그 콘솔에 console.log 찍히는 모습 볼 수 있다.  3-1) 그래서 디버깅 어떻게 하는데?코드라인 앞에 마우스를 ..