내 세상

React 기반 프로젝트에서 Context Menu를 사용하기 위해 기존에 react-contextmenu(github.com/vkbansal/react-contextmenu)를 사용하였다. 그러나, 속도 및 기타 이슈 등으로 인해 개선을 위해 react-contexify(github.com/fkhadra/react-contexify)로 변경하게 됨. npm trends를 통해 react-contextmenu와 react-contexify를 비교해보았을 때, react-contextmenu가 월등히 높음. (www.npmtrends.com/react-contexify-vs-react-contextmenu) 사용해본 결과로, react-contextmenu의 경우 depth가 1인 메뉴를 보여주는데는 딜레..

1. wait_timeout - mysqld와 mysql client가 connection된 후, idle 상태인 connection 끊을 때까지 서버가 대기하는 시간 - mysql 서버가 client와의 connection을 계속해서 가져가 max connections error가 발생하는 경우가 있음. - 28800(8시간, default) → 300(5분) 2. interactive_timeout - mysqld와 mysql client가 connection된 후, idle 상태가 아닌 connection을 끊을 때까지 서버가 대기하는 시간. - mysql 서버가 client와의 connection을 계속해서 가져가 max connections error가 발생하는 경우가 있음. - 28800(8시..

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

ko.reactjs.org/docs/react-dom-server.html ReactDOMServer – React A JavaScript library for building user interfaces ko.reactjs.org ReactDOMServer – React A JavaScript library for building user interfaces ko.reactjs.org renderToString() ReactDOMServer.renderToString(element) React 엘리먼트의 초기 HTML을 렌더링합니다. React는 HTML 문자열을 반환합니다. 빠른 페이지 로드를 위해 초기 요청 시에 서버에서 HTML을 생성하여 마크업을 보내거나, 검색 엔진 최적화를 위해 검색 엔진이 ..

git의 filter-branch를 통해서 아래의 명령어로 해결할 수 있다. git filter-branch --commit-filter " if [ "$GIT_COMMITTER_NAME" = "테스트/Test" ]; then GIT_COMMITTER_NAME="test2"; GIT_AUTHOR_NAME="test2"; GIT_COMMITTER_EMAIL="test2@naver.com"; GIT_AUTHOR_EMAIL="test2@naver.com"; git commit-tree "$@"; else git commit-tree "$@"; fi" HEAD

개발환경 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..

mstsc.exe / 원격데스크톱 사용 예시 - A 컴퓨터에서 B로 원격접속하여 다시 C로 원격접속함. - 현재 작업하는 원격이 C이지만, B의 작업 표시줄이 표시되는 상황 해결방법 - B / C 각각 접속하여 작업관리자에서 "Windows 탐색기"를 우클릭하여 "다시 시작(R)" 해주면 해결 완료.

사용환경: Windows 10 Enterprise 접속하려는 환경: Windows 2012 Server 기기 환경: 27인치 모니터 2개, 24인치 모니터 1개 ** cmd 에서 " mstsc / " 를 입력하면 원격 데스크톱 연결 사용 option parameters를 확인할 수 있다. 1. N개의 모니터 전체를 원격 데스크탑으로 사용하고자 할 때 a) 원격 데스크톱 연결 실행 b) 옵션 표시(O) 클릭 c) 디스플레이 탭 - "모든 모니터를 원격 세션에 사용" 클릭 d) 연결 시, 현재 N개의 모니터를 원격 데스크톱으로 사용할 수 있음. 2. N개의 모니터 중 일부만 원격 데스크탑으로 사용하고자 할 때 full address:s:111.111.111.111:3389 prompt for credenti..

실제 발생 에러는 아래와 같음. 발생 원인은 크게 3가지로 나뉜다. 그리고 각 해결책은 아래와 같다. 1. 태그 내 jquery script 선언이 가장 위에 위치하지 않은 경우. - jquery script 선언부를 태그 내 상단에 위치하도록 할 것. (전체 코드의 상단이 아님.) - 아래 예시 사진. 2. jquery 중복 설치/선언 . - 전체 메인 소스코드에 jquery가 선언되어 있고, 해당 코드 하위에 있는 js에서 다시 jquery를 선언할 때. - jQuery를 $로 사용하는 것은 국룰이지만, 선언에 따라서 달리 사용할 수 있는게 포인트. - jQuery.noConflict() 를 사용하여 해결함. 검색해보면 알 수 있음. - 예시 - 하위 코드에서 아래와 같이 jquery script 선..

public void deleteFolder(String path) { File folder = new File(path); try { if (folder.exists()) { File[] folder_list = folder.listFiles(); for (int i = 0; i < folder_list.length; i++) { if (folder_list[i].isFile()) { folder_list[i].delete(); } else { deleteFolder(folder_list[i].getPath()); } folder_list[i].delete(); } folder.delete(); } } catch (Exception e) { e.getStackTrace(); } }

Git에서 특정 Branch만 Clone하기 ( --single-branch ) git clone -b 0.5-stable --single-branch https://github.com/facebook/react-native.git Git에서 clone을 저장할 폴더 변경하기 - git clone 명령을 실행한 path에서 other_clone 폴더 내에 clone이 된다. git clone https://github.com/facebook/react-native.git other_clone

1. 우선 commit을 초기화 한다. 아래는 가장 최근의 commit을 취소하고 working directory로 돌리는 것. git reset HEAD^ Windows에서는 More? 라는 문구가 뜨면서 작동하지 않고, 엔터를 갈기면 아래와 같은 에러가 뜬다. fatal: ambiguous argument 'HEAD ': unknown revision or path not in the working tree. Use '--' to separate paths from revisions 해결 방법으로는 이렇게 2가지가 있다. 둘중에 하나로 하면 된다. git reset HEAD~1 git reset "HEAD^" 그렇다면 원하는 commit 시점으로 돌리려면 어떻게 해야할까? 위의 사진에서 commit ..

@PostConstruct - Dependency Injection가 이루어진 후 Initialize를 수행하는 Method. - 해당 Method는 service를 수행하기 전에 발생한다. 전역 변수로 사용하기 위한 Class Source Code - @Bean Annotation과 @Component Annotation - Spring(IOC) Container에 Bean을 등록하도록 하는 metadata를 기입하는 annotation - @Bean - 개발자가 직접 제어 불가능한 외부 라이브러리 등을 Bean으로 만들때 사용함. - 개발자가 생성한 Class에 Bean 선언은 불가능하다. 컴파일 에러 발생함. - 반환하는 객체를 Bean으로 만드는 것 - @Component - 클래스를 Spring..

CORS : Cross Origin Resource Sharing TBD....................

아래의 SQL을 Mybatis에서 동작하면 error가 발생한다. SELECT TIMEDIFF(start_time,end_time)) as timegap FROM test_log; 아래와 같은 error가 발생하게 된다. java.sql.SQLException: Error - java.sql.SQLException: Illegal hour value '26' for java.sql.Time type in value '26:00:01 해당 에러는 time 값을 연산했을 때, hh:mm:ss 를 기준으로 각 단위가 hh는 0~24, mm/ss은 00~60 이런식의 범위를 넘으면 발생함. 구글링을 한 결과 해결 방법은 연산된 Date/Time의 값을 String으로 변환하여 Type에 얽힌 error가 발생하..

구글링 검색어 - Fetch React Express req.files undefined - Multer array req.files undefined - upload files from react to express 환경 - React (front-end) / Express (back-end) - Express에서는 Multer를 사용하여 파일을 저장하려고 함. 사용 방법 1) Form 태그 사용 ()