타입 적용해서 개발 중 문제점이 발생했습니다.

Question

기본적으로 express 서버가 실행되면 같이 tcpClient가 호출되어 실행되는 구조입니다.app.listen(3000, () &#61;> { console.log('gateway server running port: 3000'); console.log(' Press CTRL &#43; C to stop
');}); const tcpClient &#61; new TcpClient().client; tcpClient 내에 import된 다른 클래스 들입니다. import { aClient } from './aClient';import { bClient } from './bClient';tcpClient 클래스 내의 메소드들은 잘 작동합니다. 다만, 이 클래스들을 호출할 때 문제가 발생하고 있습니다.export class TcpClient { private aClient: aClient;private bClient: bClient; constructor() { this.aClient &#61; new aClient(); this.bClient &#61; new bClient(); console.log('1. ', this.aClient); console.log('2. ', this.bClient); }...이렇게 생성자에서 할당을 하고 할당 생성자 내에서 내용을 찍어봤을 때는 정상적으로 보여지만,(콘솔 내용입니다. express 서버가 실행되며 tcpClient가 선언되므로, 생성자가 호출되어 객체를 찍어주고 있습니다. 객체를 출력하면 내부 메소드들은 보여지지 않고 property만 보이더군요. 세부 내용은 삭제하고 올립니다.)1. aClient { }2. bClient { }gateway server running port: 3000 Press CTRL &#43; C to stop 이후 호출된 client() 메소드가 tcp 서버와 통신을 하다가 메소드 내에서 사용하기 위해console.log(this.aClient);이렇게 호출을 하게 되면,console.log(this.aClient); ^TypeError: Cannot read property 'aClient' of undefined이렇게 선언된 객체를 찾을 수 없다는 오류가 발생합니다. 아무래도 type -> js로의 번역 중 문제가 발생한게 아닌가 하는 추측만 하고 있습니다.왜 이런 현상이 발생하는지 해결책이나 혹은 정확한 원인이라도 좀 알 수 있을까요?아래는 제 tsconfig.json 내용입니다.{ &#34;compilerOptions&#34;: { &#34;target&#34;: &#34;es6&#34;, /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */ &#34;module&#34;: &#34;commonjs&#34;, /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */ &#34;sourceMap&#34;: true, /* Generates corresponding '.map' file. */ &#34;outDir&#34;: &#34;dist&#34;, /* Redirect output structure to the directory. */ &#34;strict&#34;: true, /* Enable all strict type-checking options. */ &#34;noImplicitAny&#34;: true, /* Raise error on expressions and declarations with an implied 'any' type. */ &#34;moduleResolution&#34;: &#34;node&#34;, /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ &#34;baseUrl&#34;: &#34;./&#34;, /* Base directory to resolve non-absolute module names. */ &#34;esModuleInterop&#34;: true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */ }, &#34;include&#34;: [ &#34;src/**/*&#34; ]}{ &#34;compilerOptions&#34;: { &#34;target&#34;: &#34;es6&#34;, /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */ &#34;module&#34;: &#34;commonjs&#34;, /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */ &#34;sourceMap&#34;: true, /* Generates corresponding '.map' file. */ &#34;outDir&#34;: &#34;dist&#34;, /* Redirect output structure to the directory. */ &#34;strict&#34;: true, /* Enable all strict type-checking options. */ &#34;noImplicitAny&#34;: true, /* Raise error on expressions and declarations with an implied 'any' type. */ &#34;moduleResolution&#34;: &#34;node&#34;, /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ &#34;baseUrl&#34;: &#34;./&#34;, /* Base directory to resolve non-absolute module names. */ &#34;esModuleInterop&#34;: true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */ }, &#34;include&#34;: [ &#34;src/**/*&#34; ]}

antop · Answer

nodejs 서버단을 TypeScript 로 작성했다는 거죠? 1. TypeScript 로 하지 않고 JavaScript 로 같은 문맥으로 작성 했을 때도 같은 현상이!?2. this 스코프가? console.log(this.xx) 일 때 this 가 님이 생각하는 this 가 아닐 수 있습니다요

PongE · Answer

제 생각에도 scope 문제인 것 같습니다. singleton으로 객체를 호출하니 정상 작동하네요.프로젝트의 최상위 폴더 내에 모든 파일을 넣어두고 호출을 할 때는 문제가 없는걸 확인했습니다.이후 단계적으로 폴더 구조를 src/index.ts, src/middlewares/tcpClient, aClient, bClient로 구조화해 제 프로젝트에 맞게 변경 했는데, 여기서부터 문제가 발생하기 시작합니다.좀 뒤져본 결과, typescript의 버전 문제라는 코멘트도 있고 vs code에서 발생하는 문제라는 코멘트도 있네요.일단 전 싱글톤을 적용해 미리 구현해 둔 tcpServer의 경우 동작하는 걸 보고 바꿔본 결과 동작을 확인했습니다.

타입 적용해서 개발 중 문제점이 발생했습니다.

2개의 답변

Q&A 목록