반응형 Development/Javascript | Vue.js17 [펌] VueJS 로 개발하면서 겪은 삽질들 출처 : [VueJS] VueJS 로 개발하면서 겪은 삽질들 [VueJS] VueJS로 개발하면서 겪은 삽질들 현재 VueJS + Vuex + Nuxt 로 학습 & 개발하고 있다. medium.com 위 링크가 본문이며 퍼온글입니다. 현재 VueJS + Vuex + Nuxt 로 학습 & 개발하고 있다. 우선 api 만 보면서 열심히 학습하면서 삽질을 하고 있는데, api 내용에 정확히 명시되지 않아서 고생했던(?) 것들을 남겨본다. api에 용어는 한글이 아닌 영어 그대로 명시했으면 좋겠다. (번역하신 분께 테클은 아닙니다) computed: 계산된, watch: 감시자, method: 메소드 computed: set () {} => 계산된 setter 계산된은 도대체 무엇이며 watch는 왜 감시자에서.. 2019. 10. 1. 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.. 2019. 2. 15. 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.. 2019. 2. 13. 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) 로 각각의 포트로 인스턴스.. 2018. 11. 29. 이전 1 2 3 4 5 다음 반응형
