Work/ReactJS
[ReactJS] Grommet, Material-UI 기본 사용법을 알아보자.

ReactJS 를 공부하면서 멋진 UI를 쉽게 만들수 있도록 도와주는 여러 UI들이 있다는 걸 알게되었습니다. 그중 veloport 님 블로그에서 알게된 Grommet과 Material-UI 를 사용하는 방법을 알아보겠습니다. (react-md, react toolbox 나 참조4의 사이트에서 다른 UI 도 확인했지만 제가 기본으로 사용하는 boilerplate인 create-react-app 에서는 sass 를 기본적으로는 지원하지 않습니다. 물론 기본 설정을 deploy 하고 그뒤 설정을 약간 변경하여 사용하는 건 충분히 가능합니다. 더 자세한 내용은 참조5 링크를 확인하세요.) *** 참조 : https://velopert.com/2597 참조2: https://grommet.github.io/ 참..

Work/ReactJS
[ReactJS] 어라????

음.. 요근래 ReactJS 를 공부하다 티스토리 블로그 스킨을 ReactJS로 만들수 있지 않을까.. 라는 생각을 하고 테스트 블로그에 공부하며 작성한 ReactJS 를 빌드 후 티스토리 스킨구조에 맞게 조금 수정하고 올려봤다. 그랬더니.. 어라? 어.. 이거 이렇게 동작된다고 하면.. 음.. 티스토리가 제공하는 치환자는 사용이 안된다. 일단. 그런데 다른쪽으로 응용이 가능한데.. 이래도 괜찮나.. ㄷㄷ http://ggoban.tistory.com

Work/ReactJS
[ReactJS] 기본 개발 환경

요즘 ReactJS 를 공부하는 기본 개발 환경을 정리한다. Boilderplate ReactJS : create-react-app (참조 : https://github.com/facebookincubator/create-react-app)(설명 : facebook 팀의 공식 프로젝트. 설명이 더 필요한가!?) ExpressJS : express-es6-rest-api(참조 : https://github.com/developit/express-es6-rest-api)(설명 : 여러 Boilerplate 가 있지만 개인적으로 이 프로젝트가 맘에 든다.) koa : koa2-server-boilerplate(참조: https://github.com/yankouskia/koa2-server-boilerplat..

Work/DB
[Mysql, MariaDB] 모니터링을 위한 권한 설정

일반적으로 mysql, mariadb 등을 모니터링 할때는 기본 cli 명령어인 mysqladmin -u 사용자 -p stat proc 명령어로 확인할 수 있다. mysql cli 안에서는 mysql> show full processlist; 명령어를 활용한다. 이 명령어는 기본적으로 root 사용자는 모든 사용자의 process 가 보이지만 특정 DB에 특정 유저만 권한 설정을 하는 경우, 기본적으로 자신의 process 만 보인다. 각 DB에 여러 유저가 작업을 하고 해당 유저간 모니터링을 위해 process를 볼 수 있어야 한다면 mysql> grant select, process on DB.table to '사용자'@'host' identified by '패스워드'; 로 권한을 부여한다. 권한 변..

Work/LINUX+SERVER
[Tomcat] Data load time out 장애 조치

오늘 개발 중인 테스트 서버에서 장애가 접수되었다. 장애는 특정 데이터를 선택해서 그래프를 그려야 하는데 이 그래프를 그리기 위해서 서버쪽에서 response header 에 많은 chunked data 를 붙여서 응답한다. 근데 이 사이즈가 매우 커서 브라우저에서는 해당 data를 읽지 못하고 장애가 발생한 것. 하여 관련 옵션을 찾아 tomcat server.xml 에 추가 후 restart 하였다. compression="on"maxHttpHeaderSize="8192" 두개의 옵션을 에 추가하여 주었고 다시 확인해보니 그래프 기능이 정상으로 동작하였다.

Work/PROJECT
2017년 초반기 블로그 주제

1. Javascript (React, ES6, ES6+, ES7, Webpack, Express, NodeJS...) 2. Monitoring (InfluxDB, Telegraf, Grafana...) 3. 개인 개발 (창세기전2, 심플 모니터링 에이전트 등) 4. 생각 중

Work/ETC
움직이는 배경화면

출처 : http://steamcommunity.com/app/431960/workshop/ 출처 : http://www.todayhumor.co.kr/board/view.php?table=humorbest&no=1361539&s_no=1361539&page=2 바탕화면을 움직이는 이미지로 설정할 수 있게 해준다. 리소스가 많이 필요한 작업이 실행되면 자연스럽게 멈춘다고 한다. 멋진 프로그램이다!

Work/ETC
[판매] 쇼핑몰 소스 판매 합니다.

https://www.jaram.kr 쇼핑몰 소스 판매합니다. 프론트앤드 + 백앤드 포함해서 판매하고 기본적인 기능들은 거의다 구현한 상태지만 미구현된 부분도 남아있습니다. 프론트앤드는 html5 + bootstrap + jquery로 되어 있고 레이아웃은 별도로 구매해야 합니다. (외국 라이선스) 비싸진 않습니다. 개인 라이선스로 2~3만원 정도 입니다. 백앤드는 nodejs + javascript + redis 로 되어 있고 api로 되어 있습니다. nginx - proxy - nodejs 로 동작합니다. 관리자 페이지 demo는 비밀글로 문의 주시면 접근 가능 id / pwd 발급 드립니다. 자세한건 비밀댓글이나 카카오톡 ggoban1004 로 문의 주시면 자세하게 안내 드립니다.

Work/LINUX+SERVER
[openssl] openssl 버전 업그레이드 하기

리눅스를 사용하면 보안에 중요한 openssl 버전의 업그레이드 방법은 다음과 같다. 현재 서버 버전 확인하기 # opensslOpenSSL> versionOpenSSL 1.0.1e-fips 11 Feb 2013 다음버전을 작성일 기준 최신 버전인 openssl-1.0.2j로 업그레이드 한다. 먼저 openssl 사이트에서 최신 버전을 다운로드 한다. https://www.openssl.org/source/ 다운 받은 최신 버전을 적당한 곳에 압축을 해제하고 # ./config# make && make install 기본적으로는 위와 같은 방법으로 컴파일을 진행한다. 그 후 기존 사용하고 있는 openssl 버전의 위치를 찾아서 백업 후 새로 컴파일 한 openssl를 심볼릭링크 걸어준다. # which..

Work/ETC
[rundeck] 설치 및 기본 작업 설정하기

http://rundeck.org/index.htmlJob Scheduler and Runbook Automation 일련의 workflow를 각 노드에 실행시켜주는 오픈 소스.사용하면 다양한 부분에서 활용이 가능하다. 기본적으로 현재 설치 및 테스트하고 있는 부분은각 Tomcat 서버에 war 파일을 새로 배포할때 workflow는 단순하지만직접 톰캣을 멈추고 war 업로드, 다시 올리는 작업을 자동화 하기 위해서. RUNDECK 서버에 war 파일을 업로드 후 미리 만들어둔 JOB 을 RUN 하여 끝내자는 목표로컬 서버 대상은 실험 완료원격 서버 추가 후 실험 진행 중테스트가 완료되면 개발자가 빌드한 war 파일을 rundeck의 project 내에 특정 폴더에 업로드 (kobic, kobis, pa..

티스토리툴바