로메오의 블로그

ionic 차례 ionic / cordova 설치 $ npm install -g ionic cordova $ ionic --version 5.4.13 $ cordova --version 9.0.0 (cordova-lib@9.0.1) ## 2020년 1월 현재 $ npm install -g ionic cordova $ ionic --version 5.4.16 $ cordova --version 10.0.0 ## 2021년 1월 현재 ionic 프로젝트 생성 $ ionic start first-project --type=angular sidemenu template을 선택하고 enter 합니다. 프로젝트 생성 할 때 Unhandled rejection Error: EACCES: permission denie..

Firebase 목록 Windows용 Visual Studio Code에서 특정 스크립트가 실행이 안되는 경우가 발생합니다. firebase : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\ARIS140\AppData\Roaming\npm\firebase.ps1 파일을 로드할 수 없습 니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + firebase + ~~~~~~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess Shel..

$ yarn global add json-server json-server를 global로 설치합니다. $ cd /project/path $ mkdir mock-project $ cd mock-project $ yarn init $ touch db.json 프로젝트를 설정하고, json 파일을 생성합니다. db.json { "company": [ { "id": 1, "name": "Google", "country": "USA" }, { "id": 2, "name": "Samsung", "country": "Korea" }, { "id": 3, "name": "Xiaomi", "country": "China" } ], "users": [ { "id": 1, "name": "Lee", "role": "dev..

웹브라우저에서 알림창을 표시하는 HTML5 Web Notification API 입니다. 권한요청 알림표시 var requestPermission = document.querySelector('#requestPermission') var showNotification = document.querySelector('#showNotification') // 알림 권한 요청 requestPermission.addEventListener('click', () => { if (!window.Notification) { alert('지원하지 않음') } else { Notification.requestPermission().then(p => { if (p == 'denied') { alert('알림을 허용하지 않았..

VUE.JS 목록 vue.js 폼 유효성 검사 프로토타입입니다. HTML Template 아래 오류를 수정하세요.: {{ error }} 이름 이메일 최애 영화 토이스토리 알라딘 겨울왕국 CSS #app { margin: 10px; } input,select { margin-left: 10px; } Script var app = new Vue({ el: "#app", data: { errors: [], name: null, email: null, movie: null }, methods: { checkForm(e) { e.preventDefault(); this.errors = []; if (!this.name) { this.errors.push("이름은 필수입니다."); } if (!this.email..

VUE.JS 목록 App.vue 백업 코딩중이던 App.vue 파일을 복사해서 backup 합니다. vue ui > 플러그인 에서 상단에 vue-router 추가 버튼을 누릅니다. 플러그인이 추가되면 우리가 작업했던 app.vue 파일이 default로 제공되는 code로 변경됩니다. App.vue Home| About Home.vue backup했던 내용을 Home.vue 파일에 붙여넣기하고 component 이름과 경로를 일부 수정해줍니다. router-link 위치 변경하기 Home.vue component에서 Header component를 제거합니다. App.vue Header.vue TodoList Home| About VUE.JS 목록

VUE.JS 목록 axios 설치 http rest api를 호출하는 라이브러리 입니다. $ yarn add axios Fake Rest API https://jsonplaceholder.typicode.com/ Rest API 가상 데이터를 제공하는 사이트 입니다. App.vue 추가, 삭제도 정상적으로 작동하지만 새로고침 하면 원상복귀 됩니다. VUE.JS 목록

VUE.JS 목록 components/layout/Header.vue components에 layout 폴더를 만들고 header.vue 파일을 추가합니다. TodoList App.vue AddTodo.vue Component/AddTodo.vue 파일을 추가합니다. App.vue AddTodo.vue .... uuid 설치하기 $ yarn add uuid Submit 버튼을 눌르면 newTodo가 emit 됩니다. App.vue .... AddTodo component에 add-todo 이벤트 리스너를 추가합니다. methods에 addTodo를 추가합니다. 새로운 todo가 추가되었습니다. VUE.JS 목록