반응형

typescript 18

TypeScript 7031 바인딩 요소 '인자' 암시적으로 any 형식이 있습니다

아래처럼 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..

코딩 팁 2019.11.19

타입스크립트 'webpack-env'에 대한 형식 정의 파일을 찾을 수 없습니다

타입스크립트가 포함된 프로젝트를 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..

코딩 팁 2019.11.17

TypeScript 강좌 4. 호환성 tsconfig.json

TypeScript와 호환성인터넷에서 모든 사용자가 볼 수 있는 사이트를 만든다고 했을 때, 현재, 기능적인 하한선은 Internet Explorer 11 4입니다 (그러나, 우리나란 IE6까지 호환하는 걸 원하는 막장 상황). Google 검색 엔진 로봇도 이와 거의 똑같은 기능(const, let이 있는 클래스 제외)인 Chrome 41로 고정되어 있습니다. 그렇지만, 버전업이 더이상 지원되지 않는 iOS 및 Android 스마트폰의 경우엔 최신 기능이 작동하지 않을 수 있습니다. 브라우저 이외에, Google Apps Script가 ECMAScript3에만 대응하고 있습니다. 브라우저 호환성 100%를 만들고 유지한다는 것은 개발 자원이 아무리 많아도 불가능합니다. 그래서 공수와 현실적인 부분을 고..

코딩 팁 2019.11.11

TypeScript 강의 3. 자바스크립트 버전과 ECMAScript

JavaScript 버전최근 JavaScript 사양은 커뮤니티에서 논의되고 있습니다. TC39라는 ECMA 내부의 Technical Committee가 바로 그곳입니다. 클래스 등 대폭적인 기능 추가가 이루어진 ES6는 정식 릴리즈 때 ECMAScript 2015라는 정식 명칭이 부여됐으며, 이후로는 릴리즈 연도를 버전 이름으로 사용하고 있습니다. 논의 결과와 현재 올라있는 제안들은 모두 GitHub에서 볼 수 있습니다. https://github.com/tc39/proposals 기능 단위로 제안이 이루어집니다. 처음에는 stage 0에서 시작하여 stage 1, stage 2으로 분기됩니다. 처음에는 아이디어로 시작하여 서서히 제대로 된 사양과 데모, 참고 구현 등 잘 동작한다는 결과(검증)를 요구..

코딩 팁 2019.11.10

TypeScript 강의 2. 웹 개발 위상과 도입해야할 이유

TypeScript 웹 개발 분야에서의 위상 프론트엔드 개발이 다양해지고 있는 동시에 개발의 동향 또한 다양해졌습니다. 일례로, 브라우저에서 동작하는 JavaScript를 직접적으로 쓰지 않게 되었다는 것입니다. JavaScript는 2015년 이전에는 보수적인 업데이트가 이루어졌었습니다. Netscape사(현 Mozilla)가 개발하여 기업 간 컨소시엄을 통해 사양이 책정되고 있었죠. 클래스를 도입하는 대규모 업데이트를 일단 목표로 했지만(ECMAScript 4), 당시엔 완성되지 못했습니다. 그러나 ECMAScript 2015 시점에서 대폭적인 업데이트가 더해져 더 개방적인 커뮤니티인 TC39에서 논의하게 되었습니다. 그러나 브라우저의 기본 언어인, 서버 어플리케이션(응용 프로그램) Java 또는 P..

코딩 팁 2019.11.07

TypeScript 강의 1. 프론트엔드 개발자와 TS

직장에서 바로 사용할 수 있는 TypeScript : 서문 - 본 문서의 위치 서문본 문서의 위치이 문서는 아직 미완성입니다. 웹 프론트엔드 개발을 배울 때 JavaScript를 거치지 않고 처음부터 TypeScript(타입스크립트)를 배운다는 시점에서 작성되었습니다. TypeScript는 기본적으로 JavaScript의 상위 호환이며, JavaScript는 오랜 역사만큼이나 안정적인 문법 또한 많습니다. 따라서 TS 문법을 배운다는 뜻에는 최신 웹 소스 코드 작성 기법을 배운다는 측면 또한 강합니다. 현재 B2B 기업, B2C가 아닌 기업들도 웹 프론트엔드 개발자가 부족하다고 말합니다. 이전에는 기업 시스템의 프론트엔드 개발자 업무라면 DB 테이블이 있고, 각 행의 CRUD(Create : 생성, Re..

코딩 팁 2019.11.03
반응형