소개할 소스는 자바스크립트 ip 주소 마스킹 소스와 ip 확인 정규식입니다. Vue.js에서 작업해 Watch 등이 보이긴 하는데, 자바스크립트 소스만 참고하시면 되니깐 큰 문제는 없습니다. 1. 세자리 마다 . dot 추가하는 정규표현식 @Watch('inputIp')onIpChange(value: any, oldValue: any) { let ip = value.replace(/[^0-9\.]/g, ''); if (/^(\d{3})(\d)/.test(value)) { ip = value.replace(/^(\d{3})(\d)/, '$1.$2'); } if (/^(\d{3}.\d{3})(\d)/.test(value)) { ip = value.replace(/^(\d{3}.\d{3})(\d)/, '$1...
스마트폰(태블릿 PC)로 공인인증서 사용할 때 인증서를 복사해야 하는데요. 이때, 복사를 안전하게 돕는 전용 프로그램이 ”KeySharp CertRelay”입니다. 그래서 공인인증서 인증, 복사 시 반드시 설치되어야 하는 프로그램이죠. KeySharp CertRelay 프로그램 설치 오류, 실행 오류일 땐, 컴퓨터 제어판의 ‘프로그램 추가 제거’에서 “keysharp CertRelay” 삭제 후 재설치하는 과정이 필요합니다. 공인인증서 오류가 발생한다면 지금 바로 KeySharp CertRelay 프로그램 삭제하고 다시 설치해 보세요. 1. KeySharp CertRelay(W) 제거 2. 'C:\Program Files(x86)\KeySharp' 위치에서 'certrelay' 폴더 삭제- 1번에서 제거..
안녕하세요. 간혹 코딩 문제 때문에 블로그 댓글, 이메일로 문의를 주시는 경우가 왕왕 있습니다. 개발 환경이 다르다 보니 저도 오류에 대한 추측은 가능하지만 100% 정확한 답변을 드리기 어려운 것도 사실이고요. 그래서 repl it c++ 이란 사이트를 소개해 드리겠습니다. 이 사이트는 온라인 컴파일러를 제공하기에 별도의 프로그램 설치가 필요없습니다. 따라서, 현업에서도 유용하게 사용할 수 있는 사이트인데요. 저도 책을 쓸 때 repl it c++을 많이 사용했었습니다. "초보자를 위한 C++ 200제" 예제도 여기서 실행하여 결과를 확인할 수 있습니다. repl it사이트 주소는 https://repl.it/ 입니다. 위 사이트에 접속하면 아래 화면이 보일 겁니다. Start coding을 클릭하고 ..
안녕하세요. 이 글은 "#include "stdafx.h" 이 라인 컴파일 할 때 계속 에러 발생"이라는 주제로 질문을 올려주신 독자분을 위해 작성되었습니다. 제가 일일이 프로젝트 생성 과정을 확인할 수 없으므로, 유사한 오류가 발생할 시, 오늘 제가 알려드리는 방법을 통해 비주얼스튜디오 프로젝트 생성을 다시 시도해 보시고 결과를 알려주셨으면 합니다. 만약, 다른 예제에선 stdafx.h 없음이 발생하지 않는데 특정 프로젝트에서만 발생한다면, 프로젝트 생성, 속성 설정 등 다른 과정에서 차이가 없었는지도 다시금 확인해 주셨으면 합니다. 1. 비주얼 스튜디오 2019 설치설치 파일은 마이크로소프트에서 제공하는 홈페이지에서 바로 다운로드할 수 있습니다. 비주얼스튜디오 설치 과정은 간단하니 이 글에선 생략하겠..
주민등록 초본, 등본 때문에 무인민원발급기를 찾는 게 요즘 추세죠. 판교테크노밸리역에도 무인발급기가 있는데요. 위치는 1층 경강선 개찰구 왼쪽입니다. 다만, 가족관계증명서 등 몇몇 서류는 발급되지 않으니 아래 발급 가능한 서류 확인하고 판교역 무인민원발급기 방문하시기 바랍니다. [무인민원발급기 발급 가능 서류] [경기도 성남시 판교테크노밸리역] 주민등록 등본 초본 - 200원 지적, 토지, 건축 - 500~1000원 (지역마다 다름) 차량 - 자동차 300원 - 건설기계 500원 농지원부, 농업경영체 - 무료 ~ 1000원 지방세 세목별 과세증명서 (관외불가) - 800원 어선원부 (관외불가) - 800원 보건복지 (무료) 병적증명서 (무료) 교육제증명 (무료) 대학교(원) 제외 국세증명 (무료) 건강보..
일단 Javascript 문자열 길이 체크하는 소스부터 알려드리면 아래와 같습니다.아래 소스 그대로 가져다 쓰셔도 됩니다. const getByteLength = (str: string = ' ') => { let byte = 0; const code = str.charCodeAt(0); if (code > 127) { byte += 2; } else if (code > 64 && code
무료로 사용할 수 있는 vue.js 테이블 vue-good-table에 대한 포스트입니다.vue.js에선 프로젝트에 바로 적용해서 사용할 수 있지만, 타입스크립트가 적용된 프로젝트라면 약간의 추가 작업이 필요합니다. 총 2가지 작업이 필요한데요. shims-vue.d.ts 파일에 모듈을 추가하고, 사용할 vue 파일에서 임포트하는 형태만 잡아주면 됩니다. 간단하지만 중요하니 꼼꼼히 확인해 주세요. 1. shims-vue.d.ts 추가 declare module 'vue-good-table' { import VueGoodTable from 'vue-good-table';} 2. vue 파일 임포트 import * as VueGoodTable from 'vue-good-table';import 'vue-go..
화면에서 슬라이딩을 제공하는 라이브러리 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; }}..
▶ 개발환경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..