defaultK

본격적인 구조 설계 처음 구상한 RabbitMQ를 이용한 실시간 서버의 모습니다. 처음에는 웹소켓 서버가 아닌 REST-API서버였고, 클라이언트 프로그램은 외부 RabbitMQ의 큐를 소비하는 시스템이었습니다. 서버의 역할은 그저 요청이 오면 메시지를 큐에 발행하는 일이었습니다. 클라이언트 측도 받은 메시지에 따라 실시간으로 동작을 수행하는 간단한 시스템이었습니다. 하지만 몇 가지 문제점이 있었습니다. 1. 연결 여부 및 접속 시간 확인 POS시스템을 운영하면서 가장 중요한 부분은 연결 여부와 접속 시간이었습니다. 해당 클라이언트가 연결되어 있는지, 연결한 시간과 연결이 끊긴 시간은 POS시스템 운영에 가장 중요하다 판단했습니다. RabbitMQ에서도 연결 여부를 알 수 있겠지만 서비스에 활용하기 어렵..

들어가기 앞서... 회사에서 새로운 프로젝트를 시작하기로 했습니다. 외식업의 포스시스템 구축 프로젝트로 안드로이드 클라이언트 프로그램(POS, KIOSK, 태블릿 오더) 간의 실시간 웹소켓 통신 서버 구축이 과제였습니다. 해당 글은 Node.js로 실시간 웹소켓 통신 서버 구축하는 경험기를 소개하고자 합니다. (정답은 아니고 미흡한 부분이 많습니다...) 개발배경 외식업의 포스시스템 프로젝트를 시작하면서 가장 걱정한 부분은 네트워크 상태에따른 주문 누락에 대한 부분이었습니다. 몇몇 포스시스템은 불안정한 네트워크상황과 여러 변수들을 고려해 같은 로컬 네트워크를 클라이언트 프로그램에서 사용한다고 하지만.. 이러한 시스템은 초기 설정도 힘들고 전문가가 아니면 네트워크 구축하기도 힘듭니다. 저희는 인터넷만 되면..

https://ko.reactjs.org/docs/hooks-intro.html Hook의 개요 – React A JavaScript library for building user interfaces ko.reactjs.org Hook ✔ Funtion component에서 리액트의 state와 생명주기 기능을 지원 State Hook ✔ state를 사용하기 위한 훅 import React, { useState } from 'react'; function Example() { const [count, setCount] = useState(0); return ( You clicked {count} times setCount(count + 1)}> Click me ); } Effect Hook ✔ 생명주기..

https://ko.reactjs.org/docs/state-and-lifecycle.html State and Lifecycle – React A JavaScript library for building user interfaces ko.reactjs.org State ✔ 리액트 컴포넌트의 변경 가능 데이터 ✔ state가 변경될 경우 재랜더링. ✔ 변경시 재랜더링이 일어나므로 성능을 고려하여 state 값 설정 ✔ state값을 변경시 -Class component : setState() -Function component : useState() 훅에서 정의한 set함수 LifeCycle ✔ componentDidMount() - 컴포넌트가 생성될 때 ✔ componentDidUpdate() - co..

네이버 블로그 서로이웃추가 자동화 프로그램을 만들어보자. 먼저 개발환경을 세팅하는 방법은 여기서... https://kwonik2304.tistory.com/52 [JAVA] Selenium - 개발 환경 세팅 1. pom.xml 추가 (최신버전: 4.1.4 추가. 해당 링크에서 원하는 버전 조회하여 추가) org.seleniumhq.selenium selenium-java 4.1.4 2. 크롬 드라이버 다운로드 https://chromedriver.chromium.org/downloads Chro.. kwonik2304.tistory.com 우선 Selenium 을 이용하기에 앞서 웹 분석이 필요하다. 분석은 크게 프로그램 동작과 동작에 필요한 각각의 요소에 대한 분석이 필요하다. 동작은 사용자의 ev..

1. pom.xml 추가 (최신버전: 4.1.4 추가. 해당 링크에서 원하는 버전 조회하여 추가) org.seleniumhq.selenium selenium-java 4.1.4 2. 크롬 드라이버 다운로드 https://chromedriver.chromium.org/downloads ChromeDriver - WebDriver for Chrome - Downloads Current Releases If you are using Chrome version 101, please download ChromeDriver 101.0.4951.41 If you are using Chrome version 100, please download ChromeDriver 100.0.4896.60 If you are usi..

https://programmers.co.kr/learn/courses/30/lessons/43163# 코딩테스트 연습 - 단어 변환 두 개의 단어 begin, target과 단어의 집합 words가 있습니다. 아래와 같은 규칙을 이용하여 begin에서 target으로 변환하는 가장 짧은 변환 과정을 찾으려고 합니다. 1. 한 번에 한 개의 알파벳만 바꿀 수 programmers.co.kr 기본적인 아이디어. 1. 단어에 한 문자만 틀리면 엣지를 연결하는 그래프를 생성한다. 2. 해당 그래프를 BFS(DFS역시 가능)를 이용하여 begin 과 target 사이 최단 거리(엣지 개수)를 구한다. #include #include #include #include using namespace std; bool ..

https://programmers.co.kr/learn/courses/30/lessons/72412