Work/PROJECT
좌충우돌 개발기 -1-

회사 그룹웨어가 약...간.. 조..금... 그래서 참다참다 조금 구조좀 파악해보고 익스텐션을 만들기로 했다. 처음엔 뭐 유명한 많은 다른 사이트들 확장 프로그램처럼 페이지 내에서 여러가지 옵션과 편의기능을 넣으려고 했는데... 하.. 딥빡.. 구조 자체가 프레임-프레임-프레임-프레임 으로 다중으로 호출되고 내부에서 js,css들은 중첩으로 계속 호출되고 아놔.. 이거 누가 이렇게 짰어. 덕분에 DOM Selector 가 거지같이 동작하고 분명 콘솔창에서 테스르로 코드 실행하면 잘 동작하는것도 익스텐션에서 이벤트 주입하면 동작안하고 뭐야? 하면 해당 DOM을 못찾고... 아니 시X 페이지가 Document 기준으로 하나면 모르겠는데 지 멋대로 안에서 프레임 호출이 중첩되다보니 이놈의 익스텐션이 각 ifr..

Work/PROJECT
[Golang] Golang으로 Naver TTS (Clova Speech Synthesis API) 사용하기

Naver TTS API를 사용하기 위해서는 먼저 아래 링크를 참고하여 API 이용신청을 먼저 해야 한다. https://developers.naver.com/docs/clova/api/#/CSS/API_Guide.md#clova-speech-synthesis-api-가이드 이후 발급받은 키와 시크릿 키를 가지고 진행한다. 위 가이드에는 Golang 구현 예제가 없어 아래와 같이 테스트 해보았다. (소스는 테스트 목적으로 허접...) 다른 언어들의 경우 대부분 위 링크에 나와 있으니 참고할 것. 123456789101112131415161718192021222324252627282930313233343536373839404142434445package main import ( "bytes" "fmt" "..

Work/PROJECT
TTS API 테스트 기

TTS API 관심이 있어서 (영어 재생) Google, Naver, Voice RSS 3개 테스트를 해보았는데 Naver의 API 영어 TTS 가 생각보다 품질이 훌륭해서 놀랐음. Google, Voice RSS 쪽도 나쁘진 않고 Voice RSS 는 미국, 영국, 호주 버전이 존재해서 선택지가 다양한데 Naver는 일단 여성, 남성만 선택이 가능 하긴 하나 생각보다 괜찮음.. 테스트 한 이유는 토익 공부하며 오답노트 웹앱을 만드는데 뷰는 Vue.js 로 작업 / 백엔드는 Golang 으로 해당 웹앱에 접속하면 입력해둔 틀린 문제 중 임의로 한문제가 나오고 해당 문제를 풀도록 되어 있다. 일반적인 문법은 큰 문제가 없는데.. LC는 어떻게 할까 생각해보다가 TTS API를 테스트 해본것. Naver 구..

Work/PROJECT
[Slack] Slack-Bot 으로 웹 서비스 모니터링 하기

회사에서는 다양한 방식으로 모니터링을 하고 있다. 일단 기본적으로 Nagios로 전반적인 서비스와 하드웨어 등을 모니터링 하고 있고 외부 모니터링 도구로 whatap.io 로 서버와 중요 url 5개(무료 제한) 를 모니터링 하고 있다. 각 서버 로그는 telegraf - influxdb - grafana / filebeat - elastic - kibana 로 이중화 하여 수집 및 모니터링을 하고 있다. 그럼에도 불구하고 안정적인 서비스를 위한 모니터링에는 끝이 없다. 그래서 이번에 Slack-Bot 을 활용하여 웹 서비스를 간편하게 체크할 수 있도록 해보았다. 먼저 개발은 다음과 같은 환경으로 진행하였다. 1. 웹 서비스 40개의 status code 와 응답시간을 체크 -> Golang 으로 개발 ..

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

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

Work/PROJECT
[쇼핑몰] SSL 인증서 적용

꾸준히 만들고 있는 www.jaram.kr 쇼핑몰 사이트 (언제쯤 오픈할 수 있을련지 ㅠㅠ 눙물) SSL 인증서를 도입하였다. 아무래도 회원가입이나 로그인, 카트 같은 개인정보가 필요한 쇼핑몰이다 보니 보안을 위해서 HTTPS 적용을 염두에 두고는 있었는데.. 발급비용이나 갱신비용때문에 선듯 도입을 하지 않았다. (근데 대부분의 쇼핑몰에 SSL 적용이 안되어 있더라?!? 시행법인데?? 뭐지?) 근데 Let's Encrypt 에 대해서 우연히 알게되었다. 아니 이것은 오오!?!? SSL의 확산을 위해서 여러 재단에서 만든 SSL 인증 기관! 이걸 사용하면 누구나 Free 로 SSL 을 발급 받을 수 있다. 다만 갱신 기간이 짧다. 3개월.. 하지만 이게 어딘가! 공식 사이트 : https://letsenc..

Work/PROJECT
[쇼핑몰] 쇼핑몰 제작 중 삽질기

오늘 오랜만에 시간을 내서 쇼핑몰을 코딩하고 있었다. 근데.. 음? 뭐지 로그인/로그아웃이 정상적으로 동작하지 않았다. 어라.. 이럴리가 없는데.. 초기 개발당시보다 너무 nodejs 버전이 올라가서 그런가? nginx 문제? 아니면 다른 모듈 버전이 낮아서 그런가? api가 변경됬나? 열나게 찾아봤다. 근데.. 그런거 없음! 헐. 뭐지. 하다가 크롬 앱인 postman으로 기능을 테스트 해보니 정상적으로 동작 하는걸 확인. 즉 이건 브라우저에서만 쿠키가 생성/삭제가 안되는 문제였는데. 원인을 찾아 해메다가 발견했다. 쩝. 내가 도메인을 기존엔 jarambebe.com 을 사용하고 있다가 신규로 jaram.kr 을 구매하면서 소스상에서 일부만 이 링크가 수정되고 몇몇 수정되지 않은 부분들이 있어서 정상적..

Work/PROJECT
쇼핑몰 모듈 업데이트

nginx 1.9.11 update -> 1.9.12 update nodejs v5.5.0 -> v5.6.0 update -> v5.7.1 update redis v3.0.4 -> v3.0.7 update http://www.jaram.kr 자람

Work/PROJECT
[쇼핑몰] 아놔.. 업데이트 할때마다 문제가..

우분투가 15.10 으로 올라가고 mariadb 가 다시 문제가 발생했다. ERROR 1524 (HY000): Plugin 'unix_socket' is not loaded 아놔... 그래서 백엔드에서 db 접속하면 에러가 뿜뿜! 하면서 백엔드가 죽음.. 쉣! 10.0.23 버전이던 maria를 겸사겸사 10.1.11 로 올리고 참조 : https://zhxq.io/how-to-solve-mariadb-plugin-unix_socket-is-not-loaded-problem-after-upgrade-to-ubuntu-15-04/ 참고하여 해결하였다. 1. /etc/init.d/mysql stop and killall -9 mysqld 2. mysqld_safe –skip-grant-tables & 3. ..

Work/PROJECT
쇼핑몰 개발 진행상황

회사에서 이런저런일로 약 3주간 쉬었더니.. 일단 회사컴에서 됬다 안됬다 하는 경우가 많아서 개발 메인을 맥 에어로 옮김.. 화면 너무 작음 어차피 에디터는 서브라임 텍스트 3 을 사용하고 있었기 때문에 별 문제는 없음.. 소스는 서버상에 다 올려놓고 작업하고 있었으니까. 오늘 일단 로그인 / 로그아웃 시에 히스토리 저장하도록 추가 하여두었고.. (이건 나중에 생각하니 꼭 필요 할 것 같아 추가함. 로그인 내역이나 해킹 같은 거 방지 혹은 대비 용, 보안 설정 등?) 진행해야 되는 필수 기능은 이제 1. 결제 관련 1.1. 살펴본 상품 목록 관련 - 이건 redis에 세션으로 살펴본 상품 쪽으로 추가 하면 될 듯 1.2. 장바구니 기능 - 이것도 세션쪽에서.. - 세션을 hash 로 저장해놨더니... 세..

티스토리툴바