윈도우10 1909(November 2019 Update)가 얼마 전 공식적으로 발표되었습니다. 저도 이제 업그레이드하여 차이를 알아봤습니다. 도대체 어디가 어떻게 바뀌었을까요? 윈도우10 1909 버전은?Windows 10 업데이트는 크게, 매달 몇 차례 진행되는 "품질 업데이트(Quality Updates)"연 2회 실시되는 "기능 업데이트(Feature Updates)" 두 가지가 존재합니다. (그 밖에도 바이러스 정의 및 드라이버 업데이트 등도 있습니다만 이번엔 생략). "품질 업데이트"는 미세한 결함이나 보안 문제를 수정하는 패치입니다. 한 달에 몇 차례 배포되지만, 특히 2번째 화요일(미국 시각)에 배포하는 업데이트에는 보안 패치가 포함되므로 적용이 필수입니다. 이런 패치는 설치하면 "버전"은..
TypeScript 2.9에는 새로운 기능이 도입되었습니다. --resolveJsonModuleTypeScript 컴파일러 옵션으로 JSON 모듈을 가져올 수 있게 되었습니다. #require 호출로 JSON 모듈 가져오기TypeScript로 작성된 Node 애플리케이션이 있다고 가정하고 다음 JSON 파일을 가져온다고 가정합니다. { "server": { "nodePort": 8080 }} Node에선 다음처럼 사용할 수 있습니다. require를 CommonJS 모듈 사용할 때와 같은 방법으로 JSON 파일을 import 합니다. const config = require("./config.json"); JSON은 자동으로 일반 JavaScript 객체로 역직렬화됩니다. 이를 통해 구성 객체의 속성에 ..
vue-awesome-swiper는 화면 슬라이드 기능을 지원하는 라이브러리입니다.다른 직원 자리에선 잘 도는 소스 코드가 제 노트북에선 에러 코드더라고요. import { Component, Vue } from 'vue-property-decorator'; 검색을 해보니 이것 역시 타입스크립트에서 100% 지원하지 않아 발생하는 것이라 아래처럼 module을 추가하면 해결됩니다. 파일 추가 : vue-awesome-swiper.d.ts declare module 'vue-awesome-swiper' { import Swiper, { SwiperOptions } from 'swiper'; import Vue, { PluginObject, VueConstructor } from 'vue'; interfac..
타입스크립트 다루던 중 만나게 된 에러입니다. 툴은 visual studio code이며, vuex와 vue cli를 사용했습니다. 우선, 웹소켓 vue-native-websocket은 아래 공식 사이트를 참조하시면 됩니다. 참조 : vue-native-websocket-forkgz [바로가기] 터미널에서 yarn add vue-native-websocket 명령어를 입력하면 설치가 됩니다. npm install vue-native-websocket --save도 상관없어요. 근데, import VueNativeSock from 'vue-native-websocket' 부분에서 웹소켓 오류가 발생합니다. 모듈 'vue-native-websocket'에 대한 선언 파일을 찾을 수 없습니다 'websocke..
delete ␍ eslint(prettier/prettier) 이 오류는 타입스크립트를 포함하여 여러 스크립트 언어에서 발생하는 에러입니다. 왜냐면 eslint(prettier)에서 발생시키는 오류이기 때문입니다. 비주얼 스튜디오 코드에서 해결하는 방법은 2가지입니다. 저는 타입스크립트 사용 중 발생했지만, 에러 메시지가 똑같고 prettier를 사용한다면 같은 방법으로 오류를 없앨 수 있으니 참조하셔도 좋습니다. visual studio code 해결 첫 번째. 툴 오른쪽 아래에 보면 "줄 시퀀스의 끝 선택"을 확인할 수 있습니다. CRLF로 되어 있는데요. 여기를 클릭하세요. 화면 맨 위 가운데에 "줄 시퀀스의 끝 선택"이 활성화되며 LF 또는 CRLF를 선택할 수 있습니다. CRLF란 CR과 LF가..
npm - EPERM: operation not permitted on Windows visual studio code에서 angular(나중엔 typescript) 사용 중 에러가 발생했습니다. npm 에러다 보니 vscode 툴 자체를 사용하다 보면 발생하는 것이라 생각이 드는데요. 저는 npm cache clean --force 사용 후 이 에러를 해결했습니다. 오래된 버전의 npm이 있었으며, 다른 직원과 svn으로 소스를 주고받다 보니 충돌한 문제로 파악됩니다. 개발 환경을 아무리 똑같이 맞추려 해도 잘 안 되는 문제가 있었다고 봐야겠네요. 자, 해결 방법입니다. 우선, 터미널을 실행하고 아래 명령어를 실행합니다. npm cache clean --force 그리고 글로벌로 다시 인스톨합니다. n..
1. Mocha 플러그인을 활용한 테스트Vue CLI를 이용해 새로운 프로젝트를 생성할 때 기본 프리셋(Default Preset)을 사용합니다. 하지만 vue.js 기본 프리셋에는 단위 테스트 기능이 포함되어 있지 않습니다. 기본 프리셋이 아닌 수동 설정(Manually select features)을 선택하면 설치 과정 중에서 단위 테스트 관련 기능을 설치하도록 설정할 수 있습니다. 단위 테스트 기능을 확인하기 위한 프로젝트를 vue create test1 명령어로 test1 프로젝트를 생성합니다. 기본 프리셋 대신에 수동설정을 선택하고 vue.js 테스트 솔루션은 Mocha + Chai로 선택하겠습니다. 나머지 설정은 기본값으로 진행합니다. 만약 vue cli 설치 전이라면 아래처럼 터미널에 명령어..
'Timeout' 형식은 'number' 형식에 할당할 수 없습니다.ts(2322) number 숫자로 변경할 때 여러 에러 메시지가 발생하는데요. 간단히 + 단한연산자를 사용하거나 Number('문자열') 처럼 Number 함수를 사용하면 해결됩니다. private testNumber: number | undefined;var testVar = '100'; testNumber = +testVar; 위와 같이 typescript에서는 + 단항연산자를 사용할 수 있습니다. 자바스크립트에서 parseInt 또는 parseFloat 함수를 사용할 수 있는데, parseInt (null)은 NaN을 반환하지만 +null은 0을 반환하므로 위와 같이 + 단항연산자를 사용하는 것이 편리할 수도 있습니다. var x..
아래처럼 typescript를 선언할 때 발생하는 에러입니다. 함수 ({obj1, obj2} : {obj1 : 임의, obj2 : 임의}) {...} 해결하기 위한 여러가지 방법이 있는데, 몇 가지 소개하겠습니다. 먼저, 타입스크립트 interface, type 사용하여 actions 액션 인자를 정의하는 방법입니다. interface Options { test_var: string; payload?: BigInt;} type myType = { test_var: string; payload: BigInt;}; const actions = { TEST({ test_var, payload }: { test_var: string; payload?: BigInteger }) {}, TEST2({ test_va..
타입스크립트가 포함된 프로젝트를 svn으로 내려받았는데, 제 pc에서 에러가 발생하더군요. 직장 동료 개발자 pc, visual studio code에선 멀쩡한데 이런 에러가 발생하니 해결책을 찾아야 했습니다. 문제 : tsconfig.json에러 : 'webpack-env'에 대한 형식 정의 파일을 찾을 수 없습니다. ts [1, 1] 해결 방법은 의외로 간단합니다. webpack을 다시 설치하면 됩니다. 웹팩 설치 명령어는 이렇습니다. 웹팩 설치 : npm install --save-dev webpack-env 웹팩 재설치하니 에러는 사라졌습니다.아마도 동료 프로그래머 pc 환경설정이 다르다 보니 발생한 문제 같네요. 관련 글[Visual Studio Code] SVN not found + Torto..
vscode에서도 svn을 연동하여 사용할 수 있습니다. 이 글은 SVN 버전 여러 가지가 있는데 저처럼 TortoiseSVN 사용하는 분들을 위한 에러 해결 방법입니다. 에러 발생 메시지와 visual studio code에서 해결하는 방법을 요약하면 이렇습니다. 마켓플레이스에서 SVN 설치 (Chris Johnston - SUBVERSION)SVN not found. Install it or configure it using the 'svn.path' settingTortoiseSVN 재설치 - Command line client tools 옵션 포함 하나씩 살펴보겠습니다. 아래는 이미 Visual Studio Code에 설치된 SVN입니다. SVN 2.1.0 Chris Jognston이 배포한 버전..
마이크로소프트에선 2019년 10월 9일(미국 시간), Windows, macOS, Linux에 대응하는 크로스 플랫폼 에디터 "Visual Studio Code(이하 VS Code 비주얼 스튜디오 코드)"의 최신 버전인 September 2019(버전 1.39)를 공개했습니다. VS Code 버전 1.39에는 편집기 기능과 워크 벤치, 통합 터미널, 언어 관련 디버깅 기능 등 많은 개선 사항이 있었는데요. 이중 쓸만한 기능 5개를 소개합니다. 에디터(편집기) 기능 : 텍스트 선택 영역을 미니맵에 표시텍스트 선택 영역을 미니맵으로 강조 표시하도록 개선되었습니다. 선택 영역의 색상을 변경하려면 "minimap.selectionHighlight" 테마 색상을 변경합니다. 호불호가 갈리는 기능인데, 소스가 눈..