이 글은 Vue를 공부하면서 TypeScript 클래스 기반 Vue 앱을 만들고 싶다는 마음으로 작성했습니다. 여러 예시를 통해 vue-property-decorator 기능을 기본, 적용, 고급 섹션 3개로 나누어 설명합니다. 기본에선 Vue로 앱을 만드는데 필수인 기능, 응용에선 편리한 데코레이터, 고급에선 일반적으로 사용하지 않는 기능을 설명합니다.일단 기본만 이해하면 어려운 것은 없을 겁니다. 또한, 마지막으로 nuxt-property-decorator 독자적인 데코레이터를 소개합니다. 테스트 버전vue-property-decorator v8.3.0nuxt-property-decorator v2.5.0 기본구성 요소(기능) 정의@Component는 정의된 클래스를 Vue가 인식할 수 있는 형식으로..
1편에서 이어지는 글입니다. 1편 - [ESLint es6] JavaScript 이해하기 1 Errors accessor-pairsset 구문의 페어가 되는 get 구문의 정의를 강제합니다. // NGvar object = { set foo (val) { this.val = val }} // OKvar object = { set foo (val) { this.val = val }, get foo () { return this.val }} array-callback-returnArray 메소드의 콜백 함수에서 return 문장을 강제합니다. // NGlet numList = [1, 2, 3].map((item) => { item * item}) // OKlet numList = [1, 2, 3].map((..
ESLint Rules는 JavaScript의 역사와 지식이 담겨있습니다. 그래서 ESLint Rules를 공부하는 것만으로도 자바스크립트를 깊이 이해할 수 있습니다. 아래 코드는 어디까지나 대표적인 예시입니다. 각각의 규칙은 옵션에 따라 규칙을 변경할 수 있어서 최적의 코드는 아닐 수 있습니다. 하지만, 아래 소개할 글은 (비록 길지만) 정독해두면 코딩할 때 많은 도움이 될 거라 생각합니다. for-directionfor문 긍정적인 방향으로 작성하는 것을 강제합니다. // NGfor (var i = 0; i < 10; i--) { console.log(i)} // OKfor (var i = 0; i < 10; i++) { console.log(i)} getter-returnget 구문에서 return을..
Node.js 생태계를 체험하자 TypeScript는 JavaScript로의 변환을 목적으로 만들어진 언어입니다. 공식적인 처리 루틴이 있고, 변환하면 JavaScript가 생성됩니다. 공부 목적으로 실행하려면 현재 몇 가지 옵션이 있습니다. 이 가운데 우선 안정적으로 사용할 수 있고, 비교적 간단한 것은 ts-node 입니다. 타입스크립트 웹 사이트 playground 1 : 공식 컴파일러로 변환하여 브라우저에서 실행tsc + Node.js : 공식 컴파일러로 변환하고 Node.js에서 실행babel + ts-loader + Node.js : Babel 통해 공식 컴파일러로 변환하고 Node.js에서 실행babel + @ babel / preset-typescript + Node.js : Babel에서..
출처 : 쭉빵카페 아이폰 단축어 사용법 [바로가기] 이 글을 읽고 애플 아이팟 무선 이어폰 설정해 봤는데 잘 되네요. iOS 13 업데이트 동시에 생긴 ❗️단축어(단축키)❗️어플 오늘은 이걸 이용해 에어팟, qcy, 버즈 등등 블루투스 이어폰을 꽂자마자 음악이 플레이되도록 만들어 보겠습니다. 1️⃣ 단축어 어플을 켜서 하단 바에 "자동화" > "개인용 자동화 생성" 2️⃣ 우리는 블루투스를 연결했을 때의 자동화니까 "Bluetooth(파란 이빨)" 선택해요. 3️⃣ 아기자기 여러분 자기들의 귀염둥이 블루투스 이어폰을 설정해 줍니다. 이래야 아이폰 단축어 사용법 활용할 수 있어요. 4️⃣ "동작 추가" 5️⃣ "앱 열기" 를 ⚠️직접 타이핑⚠️ 해서 검색 > "앱 열기" - 앱 버튼 누르면 음악 어플 안 ..
일본은 영어권 국가가 아니라 문자열 진수 변환 방법이 우리나라랑 똑같습니다. 일본 프로그래머가 올려놓은 글 소개할게요.저는 Vus js 기반에서 이 자바스크립트 소스를 이용해 편안하게 잘 사용하고 있습니다. 원본 : 【JavaScript】文字列 ⇔ UTF8の16進数文字列変換 또한, 변경한 hex 데이터를 array 또는 object로 사용하고 싶다면 아래 글을 추가로 참조하시면 되겠습니다. 참고 : JavaScript Array to Object 변환 3가지 방법 prototype001.js --- UTF8⇔16 진수 문자열 변환 Javascript// 문자열을 UTF8 16 진수 문자열로 변환 function string_to_utf8_hex_string(text){ var bytes1 = string..
null과 undefined는 다릅니다. 가령, json 항목 중 없는 항목에 접근할 때 undefined가 보이지 null이 보이진 않습니다.타입스크립트에서 null과 undefined를 한꺼번에 확인하는 방법은 없지만, 아래 typescript 소스를 통해 간단히 null과 undefined를 확인할 수 있습니다. var a: number;var b: number = null; function check(x, name) { if (x == null) { console.log(name + ' == null'); } if (x === null) { console.log(name + ' === null'); } if (typeof x === 'undefined') { console.log(name + ' ..
아래와 같은 JavaScript 배열을 객체로 변환하고자 합니다. ['a','b','c'] 위 배열을 { 0: 'a', 1: 'b', 2: 'c'} 이런 오브젝트로 변환하는데 몇 가지 방법이 있습니다. 자바스크립트 2가지 방법 + jQuery 1가지 방법, 총 3가지 소개합니다. 1. ECMAScript 6 : Object.assign Object.assign() 함수는 열거 가능한 값을 하나씩 대상 오브젝트로 복사할 때 사용합니다. Object.assign({}, ['a','b','c']); // {0:"a", 1:"b", 2:"c"} length 배열은 열거할 수 없어서 복사되지 않습니다. ES6 스프레드 사용하여 같은 결과를 얻을 수도 있습니다. { ...['a', 'b', 'c'] } 2. 중간에..
MS오피스 파워포인트 많이 쓰시죠? 한컴오피스에는 파워포인트와 비슷한 한쇼라는 것이 있습니다. 그래서 한쇼 2010 무료설치 알아보는 분들이 많은데요. 무료로 설치할 순 있는데, 30일 체험판이라 계속 사용하시려면 정품을 구입하셔야 합니다. 굳이 문서 작성이나 수정 작업이 아닌 한쇼 파일을 보는 용도로 한쇼 2010 무료설치 검색하셨다면, 한컴 통합뷰어를 사용하는 것이 더 좋을 거라 생각합니다. 한컴 통합뷰어는 무료로 배포되지만 문서 작성이나 수정은 못 합니다. 단순히 뷰어가 필요하다면 한컴 통합뷰어를 설치하는 것이 훨씬 유리하죠. 한쇼는 한컴오피스에 포함된 프로그램한컴오피스 설치해야 한쇼 이용 가능한컴오피스는 유료 프로그램한쇼 무료 사용은 30일만 가능 그래도 한쇼 2010 무료설치 꼭 필요하다면, 아..
개체의 순서는 보장되지 않지만 자바스크립트 포함한 대부분 환경에서 호환되는 형태입니다. 포맷JSON 형식으로 포맷을 정의해 보았습니다. 다른 형식으로 지원하려면 javascript JSON 요소를 추가하면 됩니다. 데이터 형식 연도 4자리 yyyy 월 2자리 MM 일 dd 시간 hh 분 mm 초 ss dateFormat = { _fmt : { "yyyy": function(date) { return date.getFullYear() + ''; }, "MM": function(date) { return ('0' + (date.getMonth() + 1)).slice(-2); }, "dd": function(date) { return ('0' + date.getDate()).slice(-2); }, "hh"..
JavaScript에서 연월일시분초로 얻는 소스 코드 예시입니다.자바스크립트 타임 스탬프 작성과 날짜, 시간의 동적 표시에 활용할 수 있습니다. /** * 현재 시간을 문자열 YYYYMMDDHHMMSS로 돌려받는 함수 * @returns {string} 예시 20170101000000 */var currentDateTimeString = function () { // 현재 시간 var d = new Date(); var fillZero = function ( number ) { return (0 + number).slice(-2); } // 연월일시분초 획득 var year = d.getFullYear(); // 연도 var month = fillZero(d.getMonth() + 1); // 월 var..
프로그래밍 언어편PHP date('YmdHis'); // Carbon 방법\Carbon\Carbon::now()->format('YmdHis'); C# DateTime.Now.ToString("yyyyMMddHHmmss"); Java 7 이전 new SimpleDateFormat("yyyyMMddhhmmss").format(new Date()) Java 8 이후 DateTimeFormatter.ofPattern("yyyyMMddhhmmss").format(LocalDateTime.now()) python datetime.datetime.now().strftime('%Y%m%d%H%M%S') javascript 자바스크립트 출처 : https://gist.github.com/froop/962669 // 현..