도록

에러 메세지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) 그래서 디버깅 어떻게 하는데?코드라인 앞에 마우스를 ..

흔히 html 파일의 상하단을 보다보면 태그를 볼 수 있다.처음 스크립트를 작성했을 때는 "이걸 그대로 복사해서 src 속성만 값을 바꿔서 사용하면 된다"라고 배웠다.type의 역할이 궁금했던 나는 import 에서 해당 속성을 지워보았으나, 새로고침한 페이지에는 아무런 변화가 없었다.더더욱 의문이였다. 아무것도 달라지는 게 없는데, 왜 넣었을까?  scripttype : 스크립트 유형- JavaScript MIME 유형 : 기본값인 'text/javascript', 'module' 등- 그외 MIME 유형 : src 속성은 무시됩니다. 표준 미디어 타입의 전체 목록은 IANA 미디어 타입을 참조하세요.  (출처 : w3schools 문서) 이걸 읽고 나서 든 내 생각은.1. ..