coding etude

Ts 기본 셋팅을 진행 후 component를 만들면서 interface 와 type 를 지정하고 tsx에 변수 및 함수를 사용하면 제목과 같은 오류가 발생한다. 이유는 생각보다 간단하다. ESlint의 유효성 검사에서 타입에 대한 내용리 누락 되어서 라고 생각이 된다. typescrip-eslint : github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/prop-types.md 위의 페이지에서 보면 기본 Js 에서 사용하는 방법과 Ts에서 사용해야하는 방법 그리고 진행 흐름에 대한 예시를 볼 수 있다. 그리고 가장 마지막에 .eslintrc.js 파일에 적용하는 옵션값이 나온다. 여러 블로그를 확인했을 때,(위 github 페이지에서도 역시..

TS의 기본적인 문법을 공부하고서, 자!! 이제 React에 적용해보자!! ....두둥.. error.. TS를 사용하기 위해서 설치한 TSlint에서 날 통과 시켜주지 않는 것이였다.. 이것 저것.. 검색을 해본 결과.. 정확하고 속시원하게 알려주는 내용은 없었다. 물론, 내가 못 찾았거나 보고도 이해 못한 내용이였거니 생각하니... 더 답답했다. 그러던 중, ESlint까지 내용이 이어졌는데.. typescript-ESlint Github 를 보고 잊지 않기 위해 끄적끄적... 먼저, typescript-ESlint Github에 따르면 TSlint는 2019년에 더이상 개발을 지원하지 않겠다고 선언했다고 한다. ESlint에서 TS를 지원하기 시작해서 불필요 하다고 생각했기 때문이다. 또한, typ..

Interface Ts에서 가장 핵심적인 원칙 중 하나는 타입의 형태에 초점을 둔 타입 검사 라는 것이다. interface 는 이런 타입들의 이름을 짓는 역할 및 코드의 내/외부에서 행동을 정의 하는 강력한 방법이다. interface 는 각 속성에 타입을 정의한 후 다른 요소의 타입으로 정의 하여 사용 할 수 있다. Optional properties : Ts의 인터페이스를 사용 할때 정의된 요소를 모두 인자로 사용해야 한다. 하지만, 위의 예시 처럼 요소의 뒤에 ?를 사용하게 되면 선택적으로 사용 할 수 있게 된다. 선택적 속성의 이점은 인터페이스에 속하지 않는 프로퍼티의 사용을 방지하면서, 사용 가능한 속성을 기술하는 것입니다. Excess property checks : 선택적 속성을 사용하여 ..

Typescript(이하 Ts)는 MS 사에서 만든 오픈 소스 프로그래밍 라이브러리 이다. Ts를 배우기 위해서는 기본적으로 Javascript(이하 Js)에 대한 이해가 필요하다. Ts는 Js에서 각 변수와 함수에 type 을 정의하여 더 정확하고 유지 보수가 쉽게 만들어준다. 또한, interface와 class를 사용하여 재사용이 쉬워지는 효과도 가지고 있다. 더 자세한 기본적 개념 설명은 다음 기회에 상세히 포스팅 하도록 하고, 오늘은 Ts의 기본 타입에 대해 알아보겠다. 기본적인 개념은 Js 타입에서 조금 더 확장되었다고 생각하면 될 것 같다. Js 기본타입 : string, number, boolean, (null, undefined), array Ts 추가된 타입 : tuple, enum, ..