본문 바로가기

분류 전체보기

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[..
[펌] [MySQL] MySQL WITH 재귀쿼리 계층구조 MySQL 에서도 재귀쿼리가 된다;;너무 심플해서 울뻔;; ㅎㅎㅎ 참 마리아 디비에서도 된다. 테스트 해봄. [MySQL] MySQL WITH 재귀쿼리 계층구조 보통 WITH 문 재귀쿼리 를 이용해서 계층 구조를 나타내는데 사용한다. 일단 재귀쿼리란..? 재귀 - 원래의 자리로 되돌아가거나 되돌아옴 이란 뜻을 갖고 있다. 쉽게 생각하면 같은걸 반복한다고 생각하면 쉬울까.. 즉 재귀쿼리는 한 쿼리가 반복되어 실행된다고 생각하면 된다.이러한 반복 쿼리는 계층구조를 SELECT 할때 유용하게 쓰인다. 기본적으로 코드 테이블 구조를 만들때code 와 parent_code(부모코드) 컬럼으로 구성하게 되면계층구조로 select 하기 편해진다. WITH 문을 이용한 계층쿼리 부터 확인해보자 CODE_TABLEcod..
[ERROR] net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK) 현재 Nginx 에서 프록시 패스로 Node.js 를 연결해서 개발하던 중에 갑자기 뜬금없는 에러가 발생했다.그리고 원인을 찾지 못했지만 사파리에서는 에러가 발생하지 않는데 크롬에서는 에러가 발생했었다;; 일단은 얼마전에 엔진엑스를 실행시키는 권한을 특정유저로 변경하였는데,여기랑 연관성이 있다고 생각했다. 그래서 구글링 하던중에 이 사람이 좀 정리를 깔끔하게 해놓은 듯 하다. 링크일단은 OSX 기준으로는 /usr/local/var/run/nginx 경로로 이동하면 다음과 같은 경로들이 보인다. 일단은 proxy_temp 안에 들어가서 파일들을 모두 삭제 했다.그리고 다시 이 곳으로 와서 사용하는 특정유저로 모두 권한을 변경하고 재시작을 하였다.chown -R 특정유저:특정유저그룹 ./*일단은 혹시 몰라서..
[펌] 플래시를 뛰어넘는 HTML5 애니메이션 제작 프로그램 10종 소개 링크 : 플래시를 뛰어넘는 HTML5 애니메이션 제작 프로그램 10종 소개
[펌] 애프터 이펙트로 웹 애니메이션 프로토타입 만드는 방법 애프터 이펙트로 웹 애니메이션 프로토타입 만드는 방법 차근차근 따라해볼만 합니다.
[펌] [Nginx] 엔진엑스 프록시 모듈 [Nginx] 엔진엑스 프록시 모듈 여기에 잘 설명되어 있음.