본문 바로가기

웹

[NodeJs] package.json에서 @types가 붙는 이유는?
웹/Nodejs 2022. 11. 22. [NodeJs] package.json에서 @types가 붙는 이유는? 👀 package.json에서 @types가 붙는 이유는? @types/ 를 붙히면 '이건 타입스트립트 에서 쓰기위한거야' 라는 의미 입니다. @의 의미는? npm의 Orgs(Organization) scope에 들어있는 패키지들을 저렇게 씁니다. @types/koa 같은 경우 types Org에서 관리하는 패키지인 것! 이름 중복을 피하기 위한 것도 있고, 같은 네임스페이스 내에서 패키지들을 쉽게 찾기 위함인 것도 있습니다. @types 모듈은 없고 js 모듈만 있을 때
[NodeJs] node v14 -> v18로 넘어왔는데 app.use()에서 에러가 납니다.
웹/Nodejs 2022. 11. 21. [NodeJs] node v14 -> v18로 넘어왔는데 app.use()에서 에러가 납니다. node v14 -> v18로 넘어왔는데 app.use()에서 에러가 납니다. No overload matches this call. The last overload gave the following error. Argument of type 'Handler' is not assignable to parameter of type 'PathParams'. Type 'Handler' is not assignable to type '(string | RegExp)[]'. typescript에서 함수 overloading이 맞지 않아서 생기는 오류같습니다. node의 버전이 업그래이드 되면서 함수의 매개변수도 변한거 같습니다. 👍 해결방법 use는 handler 매개변수를 원합니다. type은 RequestHa..
웹/Nodejs 2022. 11. 19. [Nodejs] pnpm에서 tsc-watch 사용하기 nodemon이 너무 느려서 다른방법을 찾아보았습니다. nodemon은 한 파일이 바뀌면 전체적으로 컴파일을 해줍니다. npm의 tsc-watch라는 것이 있었습니다. 전체를 compile하지않고 바뀐부분만 컴파일 해주는 고마운 모듈입니다. 하지만 저는 pnpm이라는 패키지 매니저를 쓰고 있습니다. pnpm에서는 좀 다른방법으로 패키지를 설정해야 합니다. 🔷pnpm-lock.yaml 파일에 lockfileVersion: 5.4 importers: .: specifiers: tsc-watch: ^5.0.3 dependencies: tsc-watch: 5.0.3_typescript@4.1.3 devDependencies: tsc-watch를 넣어줍니다. yaml 파일은 들여쓰기를 범위로 인식하니 주의해주세요..
웹/TypeScript 2022. 11. 15. [TypeScript] Typescript에서 momentjs 대신 day.js 사용하기 Typescript에서 momentjs 대신 day.js 사용하기 🟩dayjs 설치하기 npm install dayjs npm을 통해서 설치합니다. 🟩불러오기 import dayjs from 'dayjs' // ES 2015 import를 통해서 가져옵니다. ES2015부터 된다고 나와있습니다. const dayjs = require('dayjs') require를 통해서 가져올 수 있습니다. 🟩한국 시간으로 맞추기 import dayjs from 'dayjs'; import utc from 'dayjs/plugin/utc'; import timezone from 'dayjs/plugin/timezone'; dayjs.extend(utc); dayjs.extend(timezone); dayjs는 타임존과..
웹/Nodejs 2022. 11. 11. [NodeJs] nvm 윈도우 설치 중 C:\Users\������\AppData\Roaming\nvm, The system cannot find the path specified. 문제 해결 🟩원인 Window 계정 이름이 한글로 되어있어서 그렇습니다! ✅해결방법 $ nvm root "C:\Users\%userName%\AppData\Roaming\NVM" 명령어를 쳐줘야 합니다. userName에는 사용자 이름을 넣줘야합니다. (한글로요!) 경로를 큰 따옴표로 감싸야 합니다. 그 다음 nvm root 명령어를 쳐보면 경로가 재대로 입력되어있는것을 확인할 수 있습니다.
웹/JavaScript 2022. 11. 6. [JavaScript] Math.max에서 Nan가 뜨는 이유 Math.max에서 Nan가 뜨는 이유 If at least one of arguments cannot be converted to a number, the result is NaN. 배열에 하나라도 진짜 숫자형(number) 가 아니면 Nan이 뜨게 됩니다. 아래와 같은 경우에 혼란스럽습니다 Math.max([1,2,3])분명 배열을 주고 max를 돌렸으니 최대 값을 찾아주는거 아닌가? java에서는 바로 찾아줬는데? 하지만 js에서는[1,2,3]을 "1,2,3"으로 convert합니다. "1,2,3"중에 최대값을 찾으라 하니 NaN이 뜨게됩니다. Math.max([23]) // return 23이건 재대로 작동합니다. 왜냐하면 [23] -> "23" -> 23 숫자로 재대로 변형하기 때문입니다. 우리..
웹/Nodejs 2022. 11. 1. Sequelize select문 조건 알아보기 ▶ 기본 Post.findAll({ where: { authorId: 2 } }); // SELECT * FROM post WHERE authorId = 2; where문을 걸어주는 방법입니다. 연산자가 지정되지 않으면 Sequelize는 기본적으로 같음('=') 비교를 합니다 const { Op } = require("sequelize"); Post.findAll({ where: { authorId: { [Op.eq]: 2 } } }); // SELECT * FROM post WHERE authorId = 2; 연산자를 넣어주려면 [Op]를 사용해야합니다. Operator의 줄임말 입니다. ▶ 다중 조건(AND) Post.findAll({ where: { authorId: 12, stat..
웹/Nodejs 2022. 10. 31. Sequelize에서 Boolean 칼럼을 ( ㅁ= 0 OR ㅁ IS NULL) 문으로 만들어보기 ✅다중 조건(OR) const { Op } = require("sequelize"); Post.findAll({ where: { [Op.or]: [ { authorId: 12 }, { authorId: 13 } ] } }); // SELECT * FROM post WHERE authorId = 12 OR authorId = 13; Op.or로 다중 조건을 걸 수 있습니다. 약간 다른 구조로도 할 수 있습니다. const { Op } = require("sequelize"); Post.destroy({ where: { authorId: { [Op.or]: [12, 13] } } }); // DELETE FROM post WHERE authorId = 12 OR authorId = 13; 필드별로 쪼개서 넣..
웹/Nodejs 2022. 10. 26. sequelize 에서 include된 객체를 다시 가져와야 할 때 👍sequelize 에서 include된 객체를 다시 가져와야 할 때 이런 model이 있다고 가정합시다. node에서 corrMeterHour를 결과로 넘겨받으면 CorrMeterHour에 대한 객체만가지고 있고 CalMeter, CorrMeterHourHistory, User는 그냥 객체로만 보입니다. ts에서 객체로 접근이 불가능했습니다. 이런식으로 결과는 나옵니다. 그러면 CalMeter에 접근하려고 하면 CalMeter 라고 객채가 안나옵니다 왜why? selectList(params: CorrMeterHourSelectListParams): Promise 리턴타입이 CorrMeterHourAttributes였기 때문!! export interface CorrMeterHourAttributes ..

티스토리툴바