본문 바로가기

전체49

[Next.js] CORS 에러 해결하기 (api 설정하기) 사이드프로젝트를 진행하던 중 cors 에러를 만났다! 한동안 안보다가 오랜만에 보니 너무 반가워서 보내주고 싶지가 않았다 🙃 희희 강의고 뭐고 없이 검색과 공식 문서에 의존해 Next.js를 배워가던 중이라 CORS 에러 잡는게 쉽지가 않았다 😅 Next.js cors 에러 해결 검색 시 제일 많이 나오는 해법이 next.config.js rewrites 설정을 하는 방법이었다. 하지만 이방법은 나에게 도움이 되지 않았다. 이제 내가 CORS에러를 해결한 방법을 작성해보려한다. (놀랍게도 별거 아니다 🥺) api 설정 cors error 를 만나는 경우 우선 하단의 코드는 CORS 에러를 만나게 해준 수정 전 코드이다. // 예시) translator.jsx - papago 기능으로 번역된 결과를 보여주.. 2023. 5. 4.
[Node.js] Buffer란? / Buffer.alloc, Buffer.allocUnsafe, Buffer.from 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.. 2023. 3. 13.
[Node.js] Node.js에서 파일명 변경하기 / fs.rename / fsPromises.rename / fs.renameSync 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'라는 파일명으로 변경됩.. 2023. 3. 7.
[알고리즘] 이분 탐색과 결정 알고리즘 - Javascript 예제 결정 알고리즘 결정 알고리즘은 이분 탐색을 이용한 알고리즘입니다. 이분 탐색이란 중간값을 기준으로 탐색의 범위를 설정하여 찾고자하는 값을 찾아내는 탐색법입니다. 이분 탐색에 대한 예제는 아래의 게시글로 확인하는 것을 추천합니다. [알고리즘] 이분 검색 / 이진 탐색 Binary Search - Javascript 예제 이분 검색 Binary Search 이분 검색은 이진 검색 알고리즘이라고도 한다. 오름차순으로 정렬된 배열에서 특정한 값의 위치를 찾아내는 알고리즘이다. 처음엔 중간값을 기준으로 중간값이 타겟값보 fe-paradise.tistory.com 예제: 무게가 다른 로봇들을 M개의 박스에 나눠 담고자 한다. 이때 박스의 최소 수용 무게를 구하라. (단, M개의 박스는 다 사용이 되어야한다. 또한,.. 2023. 3. 4.

티스토리툴바