티스토리

bcoding-lab

검색하기

블로그 홈

bcoding-lab

bcoding-lab.tistory.com/m

developerBeluga 님의 블로그입니다.

구독자: 2

방명록 방문하기

728x90

반응형

주요 글 목록

NodeJS Version nvm을 통해 올리기 React Native 좀 할까 하고 이거저거 만져보다가 버전 올리라고 해서 올려봤다.대충 npm version update 뭐 이런 cli로 되면 얼마나 좋을까 싶은데 안된다. nvm을 통해 수행해야하는데 node version manager의 약자이다.nvm은 여러 버전의 Node를 쉽게 괸리할 수 있게 해준다. curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash물론 그러기 위해서는 nvm 부터 설치해야한다. 잘 설치가 됐다면 아래 명령어를 연달아 해준다. nvm install --ltsnvm use --ltsnode -v두번째 명령어를 사용해 성공적으로 실행됐다면 Now using node v20.15.1 (.. 공감수 0 댓글수 0 2024. 7. 21.
[NodeJS] gts로 간편하게 TypeScript 프로젝트 생성하기 - 라이브러리 추천 가장 귀찮은 일은? 프로젝트 생성하기! 프로젝트를 하나 생성할 때마다 귀찮지 않은가? 개발자한테 귀찮음이란 해결해야하는 숙제와 같다. 역시 나처럼 생각하는 사람들이 많았는지 좋은 라이브러리가 있어 가지고 왔다. GTS란 구글에서 만든 TypeScript 가이드이다. npx gts init 단 한줄의 명령어로 TypeScript 프로젝트를 생성해준다. 사용법 // 폴더 생성 mkdir [name] // 생성한 폴더로 이동 cd [name] // gts 실행 npx gts init --yarn 사용할 때 아무 폴더에나 명령어를 입력하지 말고 먼저 폴더 생성한 후 gts 명령어를 입력해라. yarn을 사용할 경우 나처럼 명령어 뒤에 --yarn을 붙어주면 된다. package.json이 없다고 만들거냐고 물어.. 공감수 0 댓글수 0 2023. 5. 2.
fs.rmdir error - ENOENT: no such file or directory, open 'x' 에러 if (files) { for (const file of files) { formData.append(file.fieldname, fs.createReadStream(file.path), { filename: file.originalname }); } formData.append('data', body); fs.rmdir('uploads/run', { recursive: true }, err => { if (err) { console.log('file 삭제 오류: ', err); } else { console.log('file 삭제 완료'); } }); } 솔직히 말해서 ENOENT: no such file or directory, open 'x'라는 에러문구는 심플하다. 경로에 적힌 대로 갔는데 .. 공감수 0 댓글수 0 2023. 4. 5.
[express] middleware 결과 다음으로 넘겨주기 - next()에 parameters 넣어주기?! 중복코드 없애기 = middleware 사용하기 A, B, C API가 있다. 모두 동일하게 먼저 User라는 데이터가 있는지 확인한다고 하자. 그럼 A, B, C API를 담당하는 router에 User를 조회하는 프로세스가 사용될 것이다. 개발자란 동일한 코드를 최대한 사용하지 않는다가 나의 개발론이기 때문에 매우 거슬렀다. 그래서 사용한게 middleware다! middleware를 이용하면 다음 미들웨어로 현재 요청을 넘길 수 있다. 더 자세한 것은 공식문서에서보자. https://expressjs.com/en/guide/using-middleware.html Using Express middleware Using middleware Express is a routing and middleware.. 공감수 0 댓글수 0 2023. 3. 8.
[YarnBerry] yarn으로 express 초기세팅 오류 해결 - Cannot find module 'x' or its corresponding type declarations.ts(2307) import로 모듈을 가져올 수 없다? 최근에 패키지 관리를 npm이 아닌 yarn berry로 하게 되었다. 아직 익숙하지 않는데 import부터 안될줄은 생각도 못했다 🤣 @types 때문인가? typescript는 쓰면 분명 npm i [모듈이름]으로 다운 받았는데도 안되는 경우가 있다. 그러면 vscode에서 친절하게 npm i @types/[모듈이름] 해줄까 라고 물어본다. @types로 한 번 더 모듈을 다운로드느 하는 이유는 JavaScript엔 필요 없는 타입추론을 TypeScript에서는 하기 때문이다. yarn add @types/express --dev 그래서 바로 yarn add 명령어를 이용해서 다운로드 해줬지만 여전히 오류가 사라지지 않았다. VSCode에 쓰려면 다음과 같은 절.. 공감수 0 댓글수 0 2023. 3. 7.
인코딩 된 문자열 생성하기 btoa()는 NodeJS에서 사용 ❌ const encodedData = btoa('Hello, world'); // 문자열 인코딩 const decodedData = atob(encodedData); // 문자열 디코딩 문자열을 인코딩할 일이 있어 이거저거 알아보다가 JavaScript에서 제공해주는 btoa() 함수가 있다는 것을 알게 되었다. 바로 사용해주겠어 하고 NodeJS 로직에 작성해보니 아래와 같이 btoa이 이상하다. 마우스를 올려보니 The signature '(data: string): string' of 'btoa' is deprecated. 라는 메시지가 뜬다. 찾아보니 Node에선 더이상 btoa()와 atob()를 사용하지 않는다고 한다. 그러면 어떻게 해야할까? Buffer.. 공감수 0 댓글수 0 2023. 2. 14.
백엔드에서 페이지네이션 하는 방법 2가지 MongoDB or JavaScript 페이지네이션 페이지네이션은 데이터를 컨트롤 방식이 아닌 버튼 형식으로 보여주는 방식을 말한다. 방대한 데이터를 다룬다면 끝없이 내려가는 컨트롤 방식보다는 버튼 형식이 더 낫다고 생각한다. 백엔드 개발자이기 때문에 프론트가 아닌 백엔드에서 데이터 전달 시에 어떻게 페이지네이션 할 수 있는지 알아보도록 하자. 1. MongoDB 메소드 사용하기 가장 간단하면서, 자주 사용하는 방식이 아닐까 생각한다. const page = Number(req.query.page || 1); // 현재페이지 const perPage = Number(req.query.perPage || 10); // 페이지 당 게시글 수 const total = await Post.countDocument({}); // MongoDB 함수 사.. 공감수 1 댓글수 0 2023. 2. 10.
[Error] Sharp - Error: Input file is missing / Error: Input buffer contains unsupported image format + Axios로 파일 통신 받을 때 생기는 오류 npm sharp란? NodeJS에서 이미지를 resize하고 싶을 때 자주 사용하는 라이브러리는 sharp라고 할 수 있다. Weekly Downloads가 100만이 넣을 정도로 많은 개발자들이 사용한다. 이미지를 Resizing 해줄 뿐만 아니라 Compositing 등 이미지에 한해서는 다양한 기능이 있다. 궁금한 사람들은 아래 공식 문서를 보길 추천한다. https://sharp.pixelplumbing.com/ sharp - High performance Node.js image processing sharp.pixelplumbing.com 문제 시나리오 나의 경우 DB에 저장된 이미지를 A라는 서비스가 B 서비스로 보낼 때 문제가 생겼다. 너무 간단하게 말하는 것 같아 코드를 보면서 이야기하.. 공감수 0 댓글수 0 2022. 12. 2.
Express에서 로그인 서비스 만드는 방법 with.Session 이미 7월 달에 세션으로 로그인 하는 서비스를 만들어본 경험이 있다. 근데 이번에 로그인 서비스를 구현할려고 하니 기억이 안나서 구글링이나 하고 있어 직접 포스팅을 해야겠다는 필요성을 느꼈다. 개발자 글쓰기 주제를 못 정하겠다면 나처럼 구글링 한 내용을 포스팅 하면 300개는 금방일 것 같다. 1. 필요한 모듈 설치하기 세션을 이용하기 위해서는 설치해줄 모듈이 2개 정도 있다. npm install express-session express에서 제공해주는 express-session을 꼭 설치해야한다. 2. session 사용을 위한 미들웨어 생성하기 app.use(cors({ origin: true, credentials: true })) app.use(cookieParser()); app.use(se.. 공감수 0 댓글수 0 2022. 10. 12.
[Jest] Axios undefined 해결하기 with.mock Axios로 통신하여 데이터를 잘 가져오는지 확인하기 위해 테스트 코드를 작성했다. 하지만 예상과 달리 결과값이 undefined였다. 공식문서를 확인해보니 axios를 테스트하기 위해서는 jest.mock를 써줘야했다. 공식문서 : https://jestjs.io/docs/mock-functions#mocking-modules Mock Functions · Jest Mock functions allow you to test the links between code by erasing the actual implementation of a function, capturing calls to the function (and the parameters passed in those calls), capturi.. 공감수 0 댓글수 0 2022. 9. 14.
[NodeJS] code ERESOLVE ERESOLVE could not resolve 해결 클라이언트 Dockerfil을 작성 중 code ERESOLVE ERESOLVE could not resolve 라는 오류를 만나게 되었다. 오류의 원인은 npm v7에서는 npm install 충돌이 발생하면 실패한다고 한다. npm v4~6에서는 충돌이 있어도 경고만 뜨고 설치는 되었다고 한다. RUN npm install --save --legacy-peer-deps 발견한 해결 방법은 --save --legacy-peer-deps 였다. 해본 결과 Build도 잘 되었고 작동도 문제 없이 되었다. 좀 더 찾아보니 --legacy와 --force 둘 중 하나를 사용하여 해결하는 것 같았다. --legacy는 충돌을 무시하고 peerDependency가 맞지 않아도 일단 설치한다고 한다. --forc.. 공감수 0 댓글수 0 2022. 8. 30.
[NodeJS] 테스트 코드 작성하기 (1) 알아버린 참맛 + 필요성 테스트 코드란 테스트 코드란 통상적으로 서비스의 품질을 확인하거나 소프트웨어의 버그를 찾을 때 작성하는 코드이다. 쉽게 말해서 내가 짠 코드가 잘 동작하는지 확인하는 도구이다. 또한 개발자라면 한 번씩 TDD에 대해서 들어보았을 것이다. Test-Driven Development 즉, 테스트 주도 개발이라고 불리면서 많은 개발자들이 해야하는 덕목처럼 주장하는 사람들이 많다. 채용공고나 면접에서 테스트 코드를 잘 짜는지에 대해서 물어보기도 한다. 부정적인 생각 많은 개발자들이 테스크 코드를 중요하게 생각하는데 솔직히 지금까지 필요성을 못느끼고 있었다. 오류 사항을 파악할 수 있다고 하는데 console.log를 찍든 errer 메시지를 보면 바로바로 수정이 가능하다. 오히려 테스크 코드를 먼저 짠다고 생각.. 공감수 0 댓글수 0 2022. 8. 24.
[NodeJS] 검색기능 만들기 (1) MongoDB Query 규모가 크지 않은 서비스라면 굳이 검색엔진을 구축할 필요는 없습니다. MongoDB Query를 가지고 간단한 검색기능을 알아보도록 하겠습니다. 1) Regex 아마 가장 많이 사용하는 방법이 정규식이라고 생각합니다. 정규식을 이용하면 쿼리 중에 문자열의 패턴을 검색 가능합니다. 정규식은 패턴을 일련의 문자와 일치시키는 일반화된 방법입니다. .find({ title: { $regex: "강아지" } }) 원하는 필드에 찾고자 하는 데이터를 $regex로 걸어줍니다. 그러면 title이라는 필드 안에 "강아지"라는 단어를 가진 데이터들을 모두 가지고 옵니다. 예를 들어, title이라는 데이터에 "강아지" 말고도 "강아지산책", "사료강아지" 등 강아지가 포함된 모든 데이터들이 검색됩니다. 부분 텍스트 검.. 공감수 0 댓글수 0 2022. 8. 19.
[ErrorFix] Axios multer로 파일 전송시 req.files에 나오지 않는 오류 해결 Axios로 파일을 보낼때 파일이 req.files에 나오지 않는 현상이 나왔다. 원래라면 이렇게 req.files를 할 때 나와야하는데 아예 빈 값이 나와 당황스러웠다. const formData = new FormData(); formData.append("script", data); axios.post(`http://${process.env.LOGICKIT_URL}/module/add`, formData, { headers: { 'Content-Type': 'multipart/form-data' } }) .catch((error) => { console.log(`fail 😱`, error.message) }) 작성한 코드를 한번 살펴보면 이상한 점이 하나도 보이지 않는다. 원인을 찾기 위해 여러가지.. 공감수 0 댓글수 0 2022. 8. 11.
[npm] NodeJS에서 환경변수 사용하기 - dotenv 새로운 Repo에서 환경변수를 쓸 일이 있어서 process.env.URL 이라고 작성했는데 undefined가 떴다. 원인은 node 명령어로 실행시키는 파일에서는 .env파일을 인식할 수 없다고 한다 ❗️ 그래서 별도의 모듈인 dotenv를 설치하여 인식할 수 있게 해준다. npm install dotenv --save 사용법은 우선 dotenv 모듈을 설치한다. require("dotenv").config(); 환경변수를 사용할 파일에서 환경 변수를 불러오는 코드를 작성해준다. console.log("URL:", process.env.URL); 그 다음 원래대로 process.env로 원하는 환경변수를 호출해주면 됩니다. 공감수 0 댓글수 0 2022. 8. 10.
npm 명령어 모음 npm 설치 npm i npm dev 설치 npm i --sava-dev npm 삭제 npm uninstall 공감수 0 댓글수 0 2022. 5. 30.
[NodeJS] API 문서 툴 Swagger 사용해서 API 문서 자동화 (+ swagger-autogen) 회사를 다니면서 프론트와 백엔드가 협업하기 위해서 가장 필요한 요소가 API 문서라는 것을 알았습니다. 클라이언트-서버 간의 통신을 정리하는 것이 API 문서입니다. 근데 이걸 아주 조금이라도 잘못 쓰거나 누락시키면 큰일이 됩니다. 그렇기 때문에 API 문서를 작성해주는 툴들이 존재하고 그중에서 가장 유명한 Swagger입니다. Swagger를 찾아보니 일일이 주석을 작성해야해서 굳이 이걸 써야 하는가에 대해 고민했습니다. 귀찮은 것을 싫어하는 개발자답게 좀 더 찾아보니 swagger를 자동 생성해주는 라이브러리가 있더라고요! swagger-autogen을 이용해서 한 번 API 문서를 자동으로 만들어보도록 하죠. 1. 서버(nodemon 포함)를 멈추고 라이브러리 설치 - 매우 중요 ⭐️⭐️⭐️⭐️⭐️.. 공감수 0 댓글수 0 2022. 5. 26.
[NodeJS] VM (Virtual Machine) - 가상머신 모듈 VM이란? 물리적 하드웨어 시스템에 구축되어 자체 CPU, 메모리, 네트워크 인터페이스 및 스토리지를 갖추고 가상 컴퓨터 시스템으로 작동하는 가상 환경이다. 즉, VM를 이용하여 OS 운영체제에서 윈도우나 리눅스를 돌릴 수 있다는 것이다. 하지만 무거운 운영체제를 포함하고 있기 때문에 경량화 한 것이 컨테이너이다. NodeJS는 원래 V8엔진을 사용한다. NodeJS내에서 엔진을 쉽게 액세스 할 수 있는데 그 방법이 VM모듈에서 제공한다. const express = require("express") const vm = require("vm") const context = { express: express, } vm.createContext(context) const code = ` const app =.. 공감수 0 댓글수 0 2022. 2. 28.
[Node.js] 기본세팅 + 시작코드 프로젝트 새로 시작할 때마다 찾기 귀찮아서, 내가 볼려고 만든 초반에 해줘야할 기본세팅과 시작코드이다. npm i express mongoose jsonwebtoken -S npm init -y 프로젝트에 필요한 모듈을 터미널에서 설치한다. jsonwebtoken은 JWT 사용할 경우 설치해주기... // app.js const express = require("express"); const bodyParser = require("body-parser"); const mongoose = require("mongoose"); mongoose.connect("mongodb://localhost/{DB이름써주기}", { useNewUrlParser: true, useUnifiedTopology: true, }.. 공감수 0 댓글수 0 2022. 2. 12.
[Node.js] Validation 유효성 검사 + Joi 라이브러리 Validation 유효성 검사란 말그대로 validation은 어떤 것을 검증하는 것이다. 어떤 요청에 필요한 모든 데이터가 정상적으로 들어왔는지 안 들어왔는지를 확인하는게 validation이다. Joi 대부분 유효성 검사를 하게 되면 if문을 자주 사용한다. 하지만 중복적으로 사용하는 코드가 많기에 월마트 개발자들이 유효성 검사를 해주는 라이브러리 Joi를 만들었다. Joi 공식 문서 : https://joi.dev/api/?v=17.6.0 joiSite ## Build Setup joi.dev const Joi = require('joi'); const postUserSchma = Joi.object({ nickname: Joi.string().required(), email: Joi.string.. 공감수 0 댓글수 0 2022. 2. 12.
[Node.js] 미들웨어 정의, 유형 미들웨어란 클라이언트에게 요청이 오면 응답하기 위해 목적에 맞게 처리해주는 함수이다. 예를 들어, route를 생성할 때마다 공통된 처리를 하고 싶을 때 어떻게 해야할까? 요청이 들어올 때마다 이 요청이 어떤 유저의 요청인지 인증검사를 해야할 수 있다. 이럴때 코드를 작성하게 되면 route를 하나 만들때 마다 매번 유저 인증을 확인하는 코드를 작성해야한다.. 이러한 반복 작업 혹은 정의한 route에 오기 전에 중간에서 미리 처리해야할 것들을 정의하는 것이 미들웨어다. express.static, express.json, express.urlencoded 같은 함수도 미들웨어를 만들어주는 함수이다. express.static(path) : path에 입력한 경로에 있는 파일을 그대로 서빙해주는 기능을 .. 공감수 0 댓글수 0 2022. 2. 12.
[Node.js] Node.js란? ES6란? Node.js JavaScript 엔진으로 발단된 JavaScript 런타임 JavaScript를 브라우저 없이 서버에서도 실행시킬 수 있게 하기 위해 만들어졌다. ES6 개별 브라우저마다 방식이 다르기 때문에 표준화 시키기 위해 나온 것이 ECMASScript이다. 매년 꾸준히 변경되고 새로운 기능이 추가되면서 ES1, ES2와 같이 숫자를 바꿔준다. ES6는 6번째 버전으로 2015년에 발표되었고 아직까지 많은 곳에서 표준으로 사용하고 있다. 대표적으로 let, const가 있다. npm 패키지를 설치할때 node에서는 npm을 통해서 필요한 패키지를 설치한다. 공감수 0 댓글수 0 2022. 1. 31.

728x90

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.