반응형 Development/Javascript | Vue.js17 [Nuxt.js] WARN : Babel 경고 메세지 자꾸 빌드할때마다 뜨는 짜증나는 메세지;; 이미 메세지 내용에 있는데 귀찮아서 안하다가 드디어 한다;; ㅡㅡ;; nuxt.config.js 파일에 build 속성에 다음과 같이 박아주자;; babel: { plugins: [ ['@babel/plugin-proposal-private-methods', { 'loose': true }], ['@babel/plugin-proposal-private-property-in-object', { 'loose': true }] ], } 드러워서 한다 ㅡㅡ; 2021. 8. 11. Nativescript-Vue(네이티브스크립트) 로 모바일 앱 개발기 - 1 (채택 동기 및 개발환경구축) 일단 완성도 되지 않았는데 포스팅을 시작한다. 정리겸 실제로 삽질까지도 기록하기 위함. 혹시 이 글을 보시는 분들중 공유해주실 사항있으시면 공유 및 가르침 부탁 드립니다. 먼저 Nativescript-Vue(이하 NS) 를 선택해서 시작한건 다른 이유없습니다. 다른 언어를 공부할 시간도 없고.. (정말 없음 ㅠ) 빠르게 아웃풋을 보고 싶었기 때문입니다. 그리고 이미 Vue/Nuxt 로 빠른 생산성을 경험했기 때문에 기대감이 컸죠. 현재 Vue/Nuxt.js 로 개발한 끼니퍼 입니다. 현재 목표는 특별한거 없이 이 서비스를 NS 로 하이브리드 앱을 만들기 입니다. 이제 개발환경을 구축하는 것 부터 시작해야 하겠죠? 무작정 https://nativescript-vue.org/ko/ 로 접속하여 시작하는 방법.. 2021. 6. 9. Nuxt.js PWA (Progressive Web App) 참고 링크 Nuxt.js PWA 적용기 Nuxt PWA 적용기 0. PWA란? PWA는 구글에서 밀고 있는 웹기술로 progress web app의 역자입니다. 대표적인 기능으로는 푸시 알람, 오프라인 지원, 앱 같이 설치 된다는 점입니다. 일단 저는 푸시 알람과 오프라인 지원은 완벽하게 지원되는 단계가 아닌 어떻게 도입할 수 있는지에 대해서 서술해보려고 합니다. 나중에 둘 다 도입 및 해결하게 되면 추가적으로 ... velog.io 위 링크에서 너무나 깔끔하고 디테일하게 설명되어있습니다. 2019. 10. 10. 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; } 링크 2019. 10. 10. 이전 1 2 3 4 5 다음 반응형
