본문 바로가기

전체 글

(512)
Visual Studio Code (테마설정) Visual Studio 코드를 주 개발 IDE 로 사용하다보니, 창이 여러개 열렸을때 관리가 어려웠는데 다음과 같이 색상에 대하여 설정합니다. 파일경로 : .vscode/settings.json
아이콘 폰트 정리 요새 데스크탑 웹 / 모바일 웹 등 가릴것 없이 아이콘의 필요성은 지속적으로 증가하고 있다. 수많은 사람들이 아이콘같은 요소에 지칠 확률이 높으므로 다음과 같이 아이콘폰트를 정렬해본다. 1. Linearicons Free (프리) 라고 되는 부분만 사용해도 아이콘을 유용하게 사용할 수 있다. 2. FontAwesome 아이콘 폰트 부분에서 전통적으로 사랑 많이 받은 아이콘 폰트 3. icofont 오픈소스로서 다운로드 받아 정적용도의 디렉토리로 지정.
Nuxt.js PWA (Progressive Web App) 참고 링크 Nuxt.js PWA 적용기 Nuxt PWA 적용기 0. PWA란? PWA는 구글에서 밀고 있는 웹기술로 progress web app의 역자입니다. 대표적인 기능으로는 푸시 알람, 오프라인 지원, 앱 같이 설치 된다는 점입니다. 일단 저는 푸시 알람과 오프라인 지원은 완벽하게 지원되는 단계가 아닌 어떻게 도입할 수 있는지에 대해서 서술해보려고 합니다. 나중에 둘 다 도입 및 해결하게 되면 추가적으로 ... velog.io 위 링크에서 너무나 깔끔하고 디테일하게 설명되어있습니다.
JAVASCRIPT 서비스 성능 테스트 LightHouse React.js / Vue.js 등등 자바스크립트로 개발된 서비스에 대하여 성능테스트를 할 수 있다. 약간의 수고(?) 를 더하면 지속적으로 체크해가면서 성능 향상을 시도해 볼 수 있을것 같다. 이 소프트웨어는 구글에서 제공하는 것으로 크롬 확장프로그램으로도 사용할 수 있다. (링크) 현재 Vue/Nuxt 로 프로젝트를 진행하고 마무리 단계에서 성능문제를 확인해볼 필요가 있었다. 다음에는 LightHouse 를 이용하여 성능 테스트하며 향상 시키는 과정을 포스팅 해보자. 관련링크 How we got a 100% Lighthouse performance score for our Vue.js app
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

반응형