WEB/Typescript4

• 

  [Typescript] Property 'session' does not exist on type 'Request<ParamsDictionary, any, any, ParsedQs, Record<string, any>>'.ts(2339) 에러 📌 문제 상황 require문을 import로 바꾸는 작업을 하던 도중 const express = require(’express’)를 import express from ‘express’로 바꿨더니 아래 부분에서 Property 'session' does not exist on type 'Request'.ts(2339) 에러가 발생했다. 💡 해결 방안 이를 해결하기 위해서는 먼저 @types/express-session을 설치해줘야 한다. 아래 명령어를 실행하도록 하자. npm install -D @types/express-session@1.17.0 이후 그러고나면 req.logout과 req.session.destroy가 각각 콜백함수를 요구하기 때문에 req.logout이 되면 req.sessio.. WEB/Typescript 2023. 5. 7.

• 

  [Typescript] Argument of type OOO is not assignable to parameter of type 'Request<ParamsDictionary, any, any, ParsedQs, Record<string, any>>'. 에러 해결 📌 문제 상황 로그아웃 함수에 대한 테스트 코드를 짜던 도중 아래 에러와 마주했다. Argument of type OOO is not assignable to parameter of type 'Request'. 원래 테스트하려는 logout 함수는 아래와 같이 생겼다. ///authService.ts const logout = async (req: Request, res: Response) => { req.logout(() => { req.session.destroy(() => { success(res, statusCode.OK, responseMessage.SUCCESS, { session: req.session, }); }); }); }; 그리고 테스트코드는 다음과 같다. //authService.t.. WEB/Typescript 2023. 5. 7.

• [Javascript -> Typescript] 에러 모음 JavaScript로 작성된 코드를 TypeScript로 변경하면서 만났던 많은 에러에 대해 기록해보고자 한다. 타입스크립트는 export나 import가 없으면 스크립트로 해석하기 때문에 같은 이름의 변수를 선언한다면(다른 파일임에도!!!) 에러를 낸다. 파일의 끝에 export {}; 를 추가하면 에러를 해결할 수 있다. 타입스크립트는 함수를 선언할 때 작성한 인자를 넘겨주지 않으면 에러를 낸다. 예시는 다음과 같다. function hihi(a, b) { return a+b; } //자바스크립트는 위 두 상황에 대해 에디터에서 에러를 내지 않지만 타입스크립트는 에러를 낸다. hihi(1); hihi(1,2,3); //만약 사용할 수도 있고 사용하지 않을 수도 있는 인자가 있다면 명시적으로 ?를 붙여.. WEB/Typescript 2023. 4. 26.

• [Typescript] Cannot redeclare block-scoped variable ‘OOO’ 이전에 진행했던 프로젝트 리팩토링을 진행하며 javascript로 작성했던 파일의 확장자를 ts로 수정했다. 그러자 Cannot redeclare block-scoped variable ‘OOO’ 에러가 발생했다. 구글링을 통해 얻은 결론은 “타입스크립트는 파일의 top-level에 import나 export가 존재하지 않는 경우 파일을 모듈이 아닌 스크립트 파일로 인식하고, 파일 내에 선언된 변수는 window, global과 같은 전역 스코프에 영향을 미친다.” 이다. 즉 우리의 현재 코드에는 require문만 있어서 변수가 전역 스코프에 영향을 미쳐 같은 이름으로 require를 하면 오류가 발생한다는 것이다. 이것을 해결하기 위해서는 파일의 가장 아래에 export {}; 를 추가해줘서 이 파일은.. WEB/Typescript 2023. 4. 26.