본문 바로가기

전체 글

(519)
PWA - Manifest.json Generator (생성) PWA (Progressive Web App) 에서 필수적인 manifest.json 파일을 생성시 파이어베이스에서 생성해준다. 아래 그림에서 필요한 부분을 입력하고 Generate!!!! 그리고 위와같이 생성된 파일 루트디렉토리 밑에 지정하여 위치하고 다음과 같이 메타태그를 등록해준다. URL : https://app-manifest.firebaseapp.com/ App Manifest Generator manifest.json Generate Icons The Web App Manifest allows for specifying icons of varying sizes. Upload a 512x512 image for the icon and we'll generate the remaining size..
Vue/Nuxt.js - v-html CSS (scoped) 에 스타일이 적용안되는 현상 Vue/Nuxt 에서 개발할때 컴포넌트에서 영역에서 속성을 부여하면 해당 컴포넌트에서만 스타일이 적용된다. 그런데 v-html 속성을 통해서 렌더링된 HTML 코드에는 Vue-Loader 를 통하지 않기 때문에 scoped 를 지정했는데도 스타일이 적용이 되질 않는다. .page img { width:100% !important } 이 문제는 렌더링 순서에 따른 문제인데 다음과 같이 Deep Selector(딥셀렉터)로 지정되면 해결된다. .page >>> img { width:100% !important; } 링크
[펌] VueJS 로 개발하면서 겪은 삽질들 출처 : [VueJS] VueJS 로 개발하면서 겪은 삽질들 [VueJS] VueJS로 개발하면서 겪은 삽질들 현재 VueJS + Vuex + Nuxt 로 학습 & 개발하고 있다. medium.com 위 링크가 본문이며 퍼온글입니다. 현재 VueJS + Vuex + Nuxt 로 학습 & 개발하고 있다. 우선 api 만 보면서 열심히 학습하면서 삽질을 하고 있는데, api 내용에 정확히 명시되지 않아서 고생했던(?) 것들을 남겨본다. api에 용어는 한글이 아닌 영어 그대로 명시했으면 좋겠다. (번역하신 분께 테클은 아닙니다) computed: 계산된, watch: 감시자, method: 메소드 computed: set () {} => 계산된 setter 계산된은 도대체 무엇이며 watch는 왜 감시자에서..
[펌] 배시스크립트 요약정리 너무 깔끔하게 정리가 잘되어있어서 퍼옴. https://blog.gaerae.com/2015/01/bash-hello-world.html
서비스 포트 죽이기 Node.js (Express.js) 로 개발하다보면 포트관련 이슈가 발생할때가 있다. 메세지는.. something is already running on port 3000. (사용중인 포트) 그래서 포트를 다음과 같이 죽인다. kill -9 $(lsof -t -i:3000) 별거 아닌데 막상 할라 그러면 생각이 안난다;;
[펌] 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..

반응형