화면에서 슬라이딩을 제공하는 라이브러리 vue-awesome-swiper 에 대한 포스팅입니다.Vue.js에선 아래에 소개하는 기본 사용 방법을 활용해 바로 프로젝트에 적용할 수 있습니다. 하지만 타입스크립트가 적용된 프로젝트라면 shims-vue.d.ts 파일에 모듈 추가를 해줘야 합니다. 전체 소스 코드는 바로 아래에 있고 vue-awesome-swiper 관련 글은 그 아래에 링크로 남겨 두었습니다. shims-vue.d.ts declare module '*.vue' { import Vue from 'vue'; export default Vue;} declare module 'vue-awesome-swiper' { import Swiper, { SwiperOptions } from 'swiper';..
▶ 에러 메시지ionic No installed build tools found. Install the Android build tools version 19.1.0 or higher. 아이오닉5 안드로이드 사용 시 발생하는 오류입니다.원인 및 해결 방법부터 말씀드리면, 환경변수 ANDROID_HOME 은 더이상 사용하지 않으며 ANDROID_SDK_ROOT 를 사용해야 합니다. ANDROID_HOME만 설정했다면 무조건 발생하는 오류입니다. 일단, 에러 메시지의 뜻은 Gradle 동기화 실패 오류입니다. 설치된 빌드 툴이 없으니 안드로이드 빌드 툴 19.1.0 또는 그 이상을 설치하라는 에러 메시지입니다. 제 경우엔 변경된 "환경 변수" 설정을 누락한 게 원인이었습니다. 추가로 안드로이드, Gradle..
타입스크립트가 적용된 vuejs에서 vue-native-websocket 사용하려면 파일 1개 생성, 파일 1개 수정이 필요합니다. 매우 간단하니 아래 코드를 복사해서 붙여넣기하셔도 됩니다. 파일 생성파일 이름 : vue-native-websocket.d.ts declare module 'vue-native-websocket' {import Vue, { PluginFunction } from 'vue'; export const install: PluginFunction;module 'vue/types/vue' { interface Vue { $socket: any; }} module 'vue/types/options' { interface ComponentOptions { sockets?: any; }}..
아이폰 에어팟 연결 안됨 증상은 간혹 발생하는데요. AirPods 연결되지 않는 페어링 오류 발생 시 대처법을 알아보도록 하겠습니다. 에어팟은 번거로운 설정 없이 쉽게 스마트 장치에 연결할 수 있는 것이 가장 큰 매력입니다. 하지만 상황에 따라선 정상적으로 연결이 안 되는 페어링 오류가 발생할 수도 있습니다. 에어팟 자체의 고장 등도 고려해볼 수 있지만, 의외로 간단한 방법으로 해결할 수도 있습니다. 이 글에서는 아이폰, 맥 사용자를 위해 아이폰 에어팟 연결 안됨 효과적인 대처 방법을 소개합니다. 1. Bluetooth를 ON으로 전환 디바이스의 Bluetooth 기능이 꺼져 있어서 AirPods이 페어링할 수 없는 경우가 있습니다. 장치의 Bluetooth 기능이 켜져 있는지 확인하세요. Bluetoo..
▶ 개발환경ionic 5android API 28Vue.js 2020년 6월부터 비주얼스튜디오코드 업그레이드될 때마다 뭔가 오류가 하나씩 나오네요. 최근엔 린트랑 충돌나서 멀쩡한 css 코드를 오류로 인식하질 않나, html 코드 자체를 인지하지 못하기도 했고요. 어쨌든 그전엔 기껏 꾸며놨던 package.json의 npm 코드가 없어지는 현상도 나타났습니다. 디버그가 안 되다 보니 좀 답답했네요. 최근에 접한 오류는 다음과 같습니다. Since you’re using the custom project type, you must provide the ionic:serve **** npm script so the Ionic CLI can serve your project. 사용자 정의 프로젝트 유형에서 i..
아이오닉 5 이용해서 안드로이드 앱 제작 중 만날 수 있는 에러입니다. cordova-tools error processing launch unable to find adb 비주얼스튜디오코드 이용할 때 보게 되는데요. PATH에서 adb를 찾을 수 없어서 발생하는 겁니다. 4가지 순서에 따라 오류를 해결하세요. 1. 'Android SDK Platform-Tools' 가 설치되어 있는지 확인하세요.도구> SDK 관리자> SDK 도구 (탭) 2. 'adb.exe' 파일의 경로를 복사 하세요. 보통 경로는 이렇습니다.C:\Users\Username\AppData\Local\Android\Sdk\platform-tools 3. Windows에서 환경 변수를 엽니다 .'Window + R' > 'SystemPr..
우선, 작업 중인 프로그램을 설명하면 이렇습니다. ionic 5 cordova 안드로이드 (웹뷰 사용) vuejs 기반 웹 페이지 (웹 페이지 키보드 구현) ionic5에서 안드로이드 프로젝트를 생성했습니다. 그리고 안드로이드 웹뷰를 통해 URL을 로드합니다. Android 환경에선 일반적인 input 태그에 포커스가 생기면 자동으로 Android 가상 키보드가 화면 아래에서 위로 올라옵니다. 하지만, 웹 페이지 자체 키보드나 입력 컨트롤이 있다면 가상 키보드를 사용할 필요는 없어요. 이럴 땐, 안드로이드를 수정하는 게 아니라 HTML5 태그 속성 중 inputmode를 사용하면 됩니다. 해당 내용은 아래 모질라 개발자 문서에 담겨있습니다. inputmode inputmode 전역 특성은 사용자가 요소나..
ionic5 android 프로젝트를 이용해 apk 배포하는 방법 정리합니다. debug, sign, 설치 방법에 대한 순서는 아래와 같습니다. ionic5 cordova 안드로이드 프로젝트 생성릴리즈를 위해 앱 최적화.keystore 생성릴리스 apk 파일 생성디바이스에 apk 배포 (설치 파일 형태) 간단한 테스트를 위해 안드로이드 데모 APK를 생성합니다. ionic cordova platform add androidionic cordova build android ./platforms/android/app/build/output/apk/debug/ 폴더에 apk를 빌드할 겁니다. 루트 프로젝트 디렉토리에서 android store, terminal, cmd 등을 사용하여 빌드 후 배치하려면 다음 ..
오늘은 한컴오피스 체험판 2020 대신 한글과컴퓨터의 한컴오피스를 무료로 사용하는 방법을 알아보도록 하겠습니다. 한컴오피스 체험판은 30일 무료 체험 기간이 있는 설치형 프로그램이지만, 한컴스페이스는 무료 웹 기반 서비스입니다. 먼저 구글이나 네이버, 다음 같은 포털 사이트에 방문해서 한컴스페이스라고 검색해 주세요. 한컴스페이스라고 검색하면 여러 가지 사이트가 나오는데 웹사이트 탭에 있는 한컴스페이스로 들어가시면 됩니다. 한컴스페이스 2020 홈페이지에서 '무료로 시작하기'를 클릭하세요. 이메일로 가입하기를 클릭합니다. 동의 동의 마지막으로 동의 버튼을 클릭합니다. 이메일, 비밀번호, 생년월일 같은 필수 사항을 입력하면 됩니다. 모든 사항을 입력하면 회원가입을 클릭합니다. 본인 확인을 위한 이메일이 발송..
2020년 현재 최고 에디터는 무엇일까요. 개발자에 따라서 통합 IDE를 선호하기도 하고 Vim이나 이맥스 쪽을 선호하기도 하는데요. 오늘은 visual studio code 이야기를 해보겠습니다. visual studio code는 2019년 스택오버플로우 개발자 설문에서 50.7% 개발자가 사용한다고 응답하여 최근에 가장 인기 있는 개발 도구임을 보여주었습니다. Emacs 4.5%와 Vim 25.4% 사용자를 모두 합쳐도 비주얼 스튜디오 코드 절반 정도입니다. 에디터 전쟁은 오래전부터 내려오던 떡밥이었는데 visual studio code 정도면 이 전쟁을 끝냈다고 볼 수 있습니다. 또한, 이름 때문에 오해할 수 있지만, 마이크로소프트의 개발 도구인 visual studio와는 전혀 다른 애플리케이션..
생각나는대로 수시로 정리하고 있습니다.이름을 지을 때는 명사, 도아, 복수, 과거 시제 등에 주의하세요. 객체지향에서 클래스 이름은 명사, 함수는 동사로 지으세요. 사용해선 안 되는 것get / set 접근자(getter / setter) 속성에 많이 사용됩니다. 반대로 임의로 사용할 경우 헷갈릴 수 있습니다. get이라고 적혀 있으면 가벼운 처리로 생각하기 때문에, 중요한 부분에 사용할 땐 get / set 이외의 걸 생각해 보세요. load, save, commit, store, enable, disable,fetch, register, configure, add, etc ... check의미가 너무 넓어서 무엇을 한다는 건지 알 수가 없습니다. 구체적으로 무엇을 하는지 깊숙이 생각하세요. isNul..
분류 : 엑셀 함수 데이터 분석할 때 "조건"에 해당하는 요소의 수를 확인해야 할 경우가 있습니다. 그때 유용한 것이 엑셀의 "COUNTIF 함수" 이며, 집 살때 대출 이사 계산에도 편리합니다. 엑셀 카운트이프 함수 사용법 몇 가지를 알려드리겠습니다. "COUTIFS 함수", "AND 함수", "OR 함수"를 이용한 COUNTIF 함수의 응용에 대해서도 설명합니다.목차 엑셀 가계부 양식 모음 5개 추천 + 대학생 1인가구 공유용 포함 - 정보은행안 쓰던 가계부 쓰려니깐 도대체 양식은 어떻게 만들어야 할지 모르겠더라고요. 그래서 무료로 배포하는 엑셀 가계부 양식을 많이 찾아봤습니다. 그중에서도 가장 좋은 양식 7개를 간추려 봤습abts.co.kr 엑셀 COUNTIF 함수 사용우선 엑셀 카운트이프(C..