Javascript 3

(node.js + React) + Socket.io 간단한 연결 구현 (+ TypeScript)

이번 스프린트에 실시간 양방향 통신 기능이 필요해서 Socket.io로 구현하게 되었다. Socket.io란? Socket.io는 양방향 통신을 가능하게 하는 WebSocket 기반의 라이브러리이다. 공식 문서: https://socket.io/get-started/chat Socket.IO는 실시간 웹 애플리케이션을 위한 이벤트 기반 라이브러리이다. 웹 클라이언트와 서버 간의 실시간 양방향 통신을 가능케 한다. 출처: 위키백과 서버 측 구현 (Node Express) 1. Typescript 실행환경 세팅 2022.06.23 - [node.js] - [node.js] node.js + typescript 실행환경 세팅하기 [node.js] node.js + typescript 실행환경 세팅하기 node..

node.js 2021.06.25

[React] Javascript에는 있지만 Typescript에는 없는 속성일 경우

문제발생 react typescript로 Plotly.js 차트 라이브러리를 사용하는데 문제가 발생. 히스토그램 차트의 속성 중에 xbins 와 ybins가 있다. 수직 히스토그램에서 xbins 속성은 잘 사용 되지만, 수평 히스토그램에서 ybins 속성은 에러가 나며 사용이 되지 않았다. 해결 과정 공식 홈페이지 차트 에디터에서는 ybins속성이 적용되는 걸 확인했다, 타입스크립트 문제라 생각하고 data 속성의 Data[] 타입을 타고 들어가서 xbins와 ybins를 검색해봤다. 그 결과 xbins 속성은 있었지만 ybins속성은 없었다.. 해결 타입스크립트의 타입 단언으로 해결할 수 있었다. //타입 단언 예제 type TestType = { a: string }; const test = { a:..

React 2021.06.16