본문 바로가기

Development

[펌] Node.js MySql PoolCluster https://ifsnow.github.io/nodejs/2017/08/29/advanced-poolcluster-of-mysql-pool-booster.html
Nuxt.js Axios CORS Error 삽질기록 : Nginx + Nuxt.js / Axios, CORSNuxt.js / nuxt.config.js 에 설정된 모듈(modules) 에서 설정된 axios 모듈(https://axios.nuxtjs.org) 을 사용하던 중 CORS 이슈가 발생하였다.현재 개발중인 서비스의 구성인 Nginx + Nuxt.js 프록시로 구성되어있다. 80 : Nginx ( http://www.jkun.net )3000 : Nuxt ( http://localhost:3000 ) 이 중 POST 로 통신을 하다보니 다음과 같은 에러가 발생하는 이슈였다. Failed to load http://www.jkun.net: Response to preflight request doesn't pass access control..
Nuxt.js / SSR / 비동기 데이터 서버사이드 렌더링시 주의사항 정말.. 말도 안되게 삽질을 했어서 포스팅을 하게되었다. Nuxt.js 로 프로젝트를 진행하던 중서버사이드 렌더링을 해야하는 구간에서 비동기데이터를 조회하여 처리하는 과정이다.사전에 Nuxt.js 라이프사이클을 이해하는게 중요하다. 요약하자면 다음과 같다. 상황 : 전역컴포넌트 (GNB) 와 데이터 리스트를 SSR 처리해야하는 상황나는 다음과 같이 처리하였다. 1. Vuex 의 State 를 구성// 생략 2. Vuex 에서 nuxtServerInit 메소드를 async/await 으로 비동기 처리수행. 3. Vuex 의 Store 중 dispatch 하기위한 actions 의 메소드역시 async/await 으로 구성하여 작성. 4. 서비스 전역에서 사용하기 위하여 미들웨어를 작성하여 nuxt.conf..
console.log textColor Reset = "\x1b[0m" Bright = "\x1b[1m" Dim = "\x1b[2m" Underscore = "\x1b[4m" Blink = "\x1b[5m" Reverse = "\x1b[7m" Hidden = "\x1b[8m" FgBlack = "\x1b[30m" FgRed = "\x1b[31m" FgGreen = "\x1b[32m" FgYellow = "\x1b[33m" FgBlue = "\x1b[34m" FgMagenta = "\x1b[35m" FgCyan = "\x1b[36m" FgWhite = "\x1b[37m" BgBlack = "\x1b[40m" BgRed = "\x1b[41m" BgGreen = "\x1b[42m" BgYellow = "\x1b[43m" BgBlue = "\x1b[..
[펌] PHPStore 에서 코드이그나이터 설정 phpstorm 에서 codeigniter 자동완성 사용하는 방법 PHPStore 2017 인데도 잘 됨
Node.js + Oracle Node.js 에서 오라클을 연결해야할 일이 생겼다.해서 테스트 해본 환경은 맥과 우분투 리눅스 였다. 원리는 같으나 방식은 약간 다르다. 이 포스팅은 우분투를 기준으로 (18.04) 작성합니다. 방식은 여러가지이나 zip 파일을 풀고 심볼릭링크로 연결하는 방식 기준에 대해 설명합니다. 먼저 이 작업을 진행하기에 참고한 링크(클릭하시면 이동합니다.) 입니다. 작업에 대한 순서는 다음과 같습니다. OCI ( Instant Oracle Clinet ) 다운로드. ( OS 에 맞게 다운로드 하세요. ) [다운로드 경로]Unzip라이브러리 링크연결 설정1. OCI찾은김에 귀찮아서 로컬에서 다운로드 받고 FTP 로 업로드 함. 먼저 다운로드 받은 OCI 를 /opt/oracle 디렉토리를 생성하여 옮겨놓음. 2...
Nginx / PM2 / Vue/Nuxt - Load Banlancing (로드밸런싱) Nginx 에서 PM2 패키지 모듈을 이용하여 Vue/Nuxt App 인스턴스를 로드밸런싱 처리 하는 것에 대하여 포스팅 합니다.이 방식은 어떻게든 처리하여 테스트를 보겠다는 목적이 있으나, 수정되어야 하거나 다른 효율적이고 세련된 방법이 있으면 답글/공유 부탁드립니다. ^^ ( 제가 많이 부족합니다. ^^;; ) 테스트 환경은 MacOS X(Mojave) 입니다. 먼저 이 작업을 진행하는 과정에서 구글링을 통하여 다음 포스팅들로 구조 이해하고 정리하였습니다.How to load Balancing NodeJs apps using Nginx?Docker, NodeJS, Nginx! 너로 정했다!일단 내가 원하는 다음과 같았습니다. 프로젝트 빌드 후 운영모드 (Production) 로 각각의 포트로 인스턴스..
Vue.js Life Cycle Vue.js 라이프사이클출처 : https://vuejs.org/