내 세상

환경 - Backend: NodeJS (Express) - Frontend: React - Database: MySQL 문제 - Update Query를 각기 다른 여러개의 where 조건으로 매우 많이 진행해야하는 상황이 생김. - 개별로 진행할 경우, Update Timing이 다르기 때문에 실시간 정보를 가져옴에 있어 Delay가 생김. 해결 - Update의 경우 여러개의 where 조건을 사용하여 일괄적으로 사용이 어렵다. - 이때, INSERT INTO 구문을 UPDATE 구분처럼 사용할 수 있는 방안이 있음!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! - INSERT INTO를 했을 때, 기존에 Primary key가 겹치는 데이터가 있을 때 특정 칼럼을 업데이트하는 방식임. 만약..

개발환경 Server NodeJS(Express) socket.io : 2.3.0 Client ReactJS socket.io-client : 2.3.0 socket.io document - socket.io/docs/v3 Client Side - ReactDOM에서 Root에 해당하는 부분에 아래와 같은 설정값으로 client side websocket 선언함. this.socket = socketIOClient(webSocket_Info, { query: { userId: "sga", part: "tistory", }, transports: ["websocket"] }); - 그 외의 Component에서 일시적으로 WebSocket 관련 동작이 필요할 경우, 파라미터로 넘겨서 사용함. - Ex) R..

Browser 별로 fetch/Ajax 요청에 대한 Connection 제한이 있다. 이러한 이슈는 SPA 형태의 앱에서 문제를 일으킨다. (크롬 기준) 최대 6개의 API만 연결이 되기 때문에 10개의 API를 요청했을 때, 6개의 API를 먼저 처리하고 남은 4개의 API를 처리한다. 여기서 문제가 발생하는 부분은 먼저 요청한 6개의 API가 응답이 없을 때, 무작정 Max Time out (정확히 어디서 설정하는지 현재 확인 중/크롬 기준 default 120초로 추정/20.05.14)을 대기한다. 그런 다음, 남은 4개의 API 요청이 처리된다. IE 7: 2 connections IE 8 & 9: 6 connections IE 10: 8 connections IE 11: 13 connection..