프로그래밍/Vue 4

vue 3 + framework7 + cordova 안드로이드 실행 시 하얀 화면 문제

코도바를 웹 브라우저에서 실행 할 때는 문제가 되지 않았지만 안드로이드에서 실행 시킬때는 하얀 화면만 뜨는 이슈가 생겼습니다. 문제를 찾아보니 코도바에서 웹팩 5를 아직 지원하지 않기 때문에 생긴 이슈였고 웹팩 5를 4로 다운그레이드 하였습니다. 다운그레이드는 자신의 cli버전과 사진에 나와있는 웹팩/ babel/ eslint/typescript/service 버전만 다운그레이드 해주시면 됩니다 사진에 보이는 버전을 확인하는 방법은 터미널에 npm ls webpack을 쳐주시고 cli 버전은 vue cli --version 입니다 ~ (다운그레이드를 할때 uninstal 하지 않고 그 위에 새로 다운로드 받아도 괜찮습니다!) 저는 cli 버전은 터미널에서 npm i -g @vue/cli@4.5.13 버전..

프로그래밍/Vue 2022.07.05

vue 3 + framework7 + cordova 환경변수 설정

vue 생성 - framework7 npm으로 설치 후 셋팅 , vue add vue add cordova 해보기 1. vue 생성 - cmd / 터미널에 vue create 파일명 작성 후 엔터를 누르면 사진처럼 나오게 됩니다 저는 Manually select features를 선택 하였고 Babel(바벨은 자바스크립트 컴파일러로 최신버전의 자바스크립트 문법을 브라우저가 이해하지 못 하기 때문에 브라우저가 이해할 수 있는 문법으로 변환해주는 라이브러리)과 TypeScript(자바스크립트에 타입을 지정해주는 라이브러리), Router(웹 페이지간의 이동 방법을 편리하게 해주는 라이브러리), Vuex(vue의 컴포넌트들을 효율적으로 관리 할 수 있게해주는 상태관리 라이브러리), Linter / Format..

프로그래밍/Vue 2022.06.29

Vue(ts)에 kedno ui 사용하는 방법 및 오류 해결

오늘은 kendo ui를 사용해서 vue의 게시판 ui를 구현하도록 해보겠습니다!! 이건 kendo ui의 그리드를 사용해서 구현한 게시판 프론트 입니다! (미완성) Kendo ui 사용방법 홈페이지에 들어가서 자신이 사용할 프레임워크를 클릭 한 후 상단의 DEMOS 버튼을 클릭 합니다! 그 후 밑줄 그어진 부분에 Data Grid / Chart 등등 이중에 하나를 클릭 한 뒤 왼쪽 보기중에 Getting started를 클릭해 주세요! 그리고 TypeScript와 JavaScript 들 중에서 자신이 사용하는 언어를 클릭 하시면 (저는 가운데 있는 TypeScript를 사용합니다!) 사용방법이 섫명되어 있는데 그중에서 3번과 4번을 visual code 터미널에 입력하시면 됩니다! (npm 사용하시는 ..

프로그래밍/Vue 2022.04.14