본문 바로가기

Development

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://localhos..
Nuxt.js / SSR / 비동기 데이터 서버사이드 렌더링시 주의사항 정말.. 말도 안되게 삽질을 했어서 포스팅을 하게되었다. Nuxt.js 로 프로젝트를 진행하던 중서버사이드 렌더링을 해야하는 구간에서 비동기데이터를 조회하여 처리하는 과정이다.사전에 Nuxt.js 라이프사이클을 이해하는게 중요하다.요약하자면 다음과 같다.상황 : 전역컴포넌트 (GNB) 와 데이터 리스트를 SSR 처리해야하는 상황나는 다음과 같이 처리하였다. 1. Vuex 의 State 를 구성// 생략2. Vuex 에서 nuxtSe..
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 = "\x1..
[펌] PHPStore 에서 코드이그나이터 설정 phpstorm 에서 codeigniter 자동완성 사용하는 방법PHPStore 2017 인데도 잘 됨
Node.js + Oracle Node.js 에서 오라클을 연결해야할 일이 생겼다.해서 테스트 해본 환경은 맥과 우분투 리눅스 였다.원리는 같으나 방식은 약간 다르다. 이 포스팅은 우분투를 기준으로 (18.04) 작성합니다.방식은 여러가지이나 zip 파일을 풀고 심볼릭링크로 연결하는 방식 기준에 대해 설명합니다.먼저 이 작업을 진행하기에 참고한 링크(클릭하시면 이동합니다.) 입니다. 작업에 대한 순서는 다음과 같습니다. OCI ( Instant Orac..
Nginx / PM2 / Vue/Nuxt - Load Banlancing (로드밸런싱) Nginx 에서 PM2 패키지 모듈을 이용하여 Vue/Nuxt App 인스턴스를 로드밸런싱 처리 하는 것에 대하여 포스팅 합니다.이 방식은 어떻게든 처리하여 테스트를 보겠다는 목적이 있으나, 수정되어야 하거나 다른 효율적이고 세련된 방법이 있으면 답글/공유 부탁드립니다. ^^ ( 제가 많이 부족합니다. ^^;; )테스트 환경은 MacOS X(Mojave) 입니다. 먼저 이 작업을 진행하는 과정에서 구글링을 통하여 ..
Vue.js Life Cycle Vue.js 라이프사이클출처 : https://vuejs.org/
Node.js 를 우분투 환경설정 Node.js 를 개발환경에서 구축하기란 참으로 쉬웠다. 공식홈페이지 (https://nodejs.org) 에서 OS 에 맞게 다운로드 받고설치하면 그 뿐이었는데, 실제 환경으로 올려서 빌드하고 서비스를 띄우려고 하니... 갑갑해졌다;;그래서 다음과 같이 순서를 정하여 진행하였다.우분투 (18.04 LTS) 에 Node.js 설치서비스 구동Example // Server.jsNuxt/Express기존에 설치된 엔진엑스 (Nginx) 에 구동된 Nod..