FE PARADISE

Error: Invalid src prop (https://images.unsplash.com/photo-1511920170033-f8396924c348?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80) on `next/image`, hostname "images.unsplash.com" is not configured under images in your `next.config.js` See more info: https://nextjs.org/docs/messages/next-image-unconfigured-host 프로젝트 내부에 저장해 둔 사진이 아닌 외부 ..

사이드프로젝트를 진행하던 중 cors 에러를 만났다! 한동안 안보다가 오랜만에 보니 너무 반가워서 보내주고 싶지가 않았다 🙃 희희 강의고 뭐고 없이 검색과 공식 문서에 의존해 Next.js를 배워가던 중이라 CORS 에러 잡는게 쉽지가 않았다 😅 Next.js cors 에러 해결 검색 시 제일 많이 나오는 해법이 next.config.js rewrites 설정을 하는 방법이었다. 하지만 이방법은 나에게 도움이 되지 않았다. 이제 내가 CORS에러를 해결한 방법을 작성해보려한다. (놀랍게도 별거 아니다 🥺) api 설정 cors error 를 만나는 경우 우선 하단의 코드는 CORS 에러를 만나게 해준 수정 전 코드이다. // 예시) translator.jsx - papago 기능으로 번역된 결과를 보여주..

Buffer Buffer는 고정된 길이의 바이트 저장단위이다. 전역 스코프로 import하거나 require할 필요가 없다. (하지만, node.js 공식 문서에서는 명시적으로 import, require하는 것을 추천한다.) Node.js에서 Buffer는 원시 이진 데이터를 처리하기 위해 사용되어진다. 한 buffer의 각 값은 바이트를 나타낸다. Buffer는 array와 유사하지만 차이점이 존재한다. array는 사이즈 변환이 가능하고 어떤 타입이든 처리할 수 있지만 Buffer는 사이즈 변환이 불가하고 오직 이진값만 처리한다. Buffer.alloc(size, fill, encoding) size: 생성할 Buffer의 길이 fill: 생성할 Buffer에 채워넣을 값 encoding: Buff..

fs.rename(oldPath, newPath, callback) oldPath는 파일명을 변경하고 싶은 파일의 경로를 newPath에는 변경하고 싶은 새로운 파일명을 담은 경로를 callback에서는 에러를 핸들링할 수 있습니다. const fs = require("fs"); fs.rename("./one.txt", "./two.txt", (err) => { console.error(err); }); 위의 예제는 oldPath 인자 자리에 './one.txt' 를 두번째로 newPath인자로 './two.txt'를 넣어준 후 에러를 콘솔에 출력하는 콜백 함수를 인자로 넘겨주었습니다. 이 경우 'one.txt'라는 파일의 파일명은 이 fs.rename을 실행 후에 'two.txt'라는 파일명으로 변경됩..