내가 타입스크립트를 배우고싶은 이유는첫째, 타입 안정성을 확보하고 싶기 때문둘째, 프로젝트 리팩토링할때 적용하고싶기 때문셋째, 좀더 구체적인 에러 메세지를 띄워주기 때문넷째, 취업할때 필요하기 때문이다.타입스크립트를 빠르게 배우고싶은데 처음에 대략적인 이론 공부가 필요
https://slides.com/woongjae/woowahan-tsnull과 undefined를 제거명시적으로 리턴타입을 지정하는 것이 좋다.타입스크립트가 타입을 any라고 판단하게 될 시 컴파일 에러를 발생시킨다.함수 내에서 모든 코드가 값을 리턴하지 않
npm install --save typescript @types/node @types/react @types/react-dom @types/jest타입스크립트 설치.이렇게 하고 js파일을 tsx로 바꾸니 Route에서 에러가 났다.전에 오무 프로젝트 리팩토링 시도했을
TS2345: Argument of type 'HTMLElement | null' is not assignable to parameter of type 'Element | DocumentFragment'.위와 같은 에러가 떴다.document.getElementById
제곧내
props 타입을 지정해주어야 한다.
갑자기 이런 에러가 엄청 떴다. 암묵적으로 any 타입으로 간주하고 있다고 에러를 발생시킨다. 나는 초심자니까.. false해줌tsconfig.json 파일에 코드 추가타입은 선언했는데 input에 설정하는것을 잊어서 생긴 에러.설정해주니 onChange에 에러가 난다
메인 프로젝트에 타입스크립트를 적용하는 중이다.아직 애니를 버리지는 못했지만...ㅠㅠ다양한 에러를 접하고 공식문서도 들어가보고 하면서 감을 잡고있다.아니 사실 감을 못잡았다...ㅠ휴명절에 타입스크립트 강의 몰아봐야겠당... 누워서라도 봐라 약속하자 나자신또 다른 에러를
https://www.typescriptlang.org/play?https://github.com/typescript-cheatsheets/react위 두 홈페이지를 같이 활용해서 공부하면 좋을 것 같다.코드를 선언만 하는 연습이 필요하다.타입부터 선
원티드 프리온보딩 신청을 또 했다.내일까지 과제를 해야하는데... 포폴을 만드느라고 이제야 시작해보려고 한다 흑흑jsdoc 홈페이지(https://jsdoc.app/index.html\[jsdoc 깃허브 레포지토리](https://github.com/
https://typescript-exercises.github.io/1단계 exercise이다.users라는 배열이 있고 이에 맞는 User라는 인터페이스 타입을 만들어 지정해주었다.처음에 지정해주었던 User 외에도 배열의 타입을 타입을 확장해야 할 필요가
타입스크립트 뭔가 재미있다.타입스크립트 기초 공부할때는 문법정도만 나열되어있어서 그래서 어쩌라고? 이걸 왜쓰지? 뭐가좋다는거지? 이게 무슨 문제를 해결한다는거지? 했는데 exercises 풀어보니까 알겠다. 역시 프리온보딩 듣기를 잘했다.. 100% 알아듣지 못해도 때
매개변수가 들어오는대로 타입이 결정된다.이때 두개의 매개변수가 들어오므로 각각 T1, T2 이렇게 타입을 준다,리턴되는 값이 매개변수가 뒤바뀐 형태이므로 리턴타입 역시 배열의 형태로 타입을 T2, T1으로 한다.제네릭 첫걸음이 identify라고 한다.(ts 공식문서
User와 Admin에서 타입을 없애고 새로운 타입으로 'powerUser'를 지정해준다.마우스를 올렸을때 위와 같이 나오는데, 결국 아래와 같다.타입이 powerUser인데 occupation이나 role 둘중 하나가 없다면 에러가 난다. User | Admin이 아
9번은 제네릭에 대한 문제다.
링크타입스크립트 타입 시스템에 대한 나의 멘탈 모델에 대한 고찰아래의 짧은 타입스크립트 코드를 읽어봅시다. 그리고 어떤 타입에러가 나올지 생각해봅시다.만일 당신이 올바른 답을 스스로 도출해낼 수 있다면 필자는 정말로 감탄할 것이다. 적어도 필자는 1년 넘게 타입스크립트
프로젝트에 타입스크립트를 적용하는데 예끼치 않은 곳에서 다소 막막한 에러에 직면했다.버튼의 테마를 몇가지 지정해두고 props로 받는데, 이때 받는 타입을 어떻게 하느냐가 문제였다.아무리 봐도 string일거같은데 에러가 사라지질 않았다. 뭐 엄청 길게 뭐라고 하는 것
프로젝트 리팩토링하면서 사용했던 event 관련 타입을 정리해보겠다.onChange eventonClick eventuseRef를 이용해 영역 밖을 클릭하는 경우 메뉴가 닫히는 기능을 구현했다.ref에 div 컴포넌트를 주고 HTMLDivElement 타입으로 지정했다
ts 전에는 {ReactComponents as Logo} 이런식으로 import해서 사용이 가능했다.그런데 tsx로 확장자를 바꾸니까 svg 경로에 빨간줄이...^^찾아보니 d.ts를 추가하라고 해서 svg.d.ts 파일을 src 폴더내에 만들었다.그리고 tsconf
Concrete Type / Generic Type 두가지가 있다.generic은 각각의 모든 타입을 명시적으로 적어줄 필요 없이 타입을 입력받을 수 있게 된다.파라미터가 두개 이상일때는
추상클래스는 상속만 가능하고 생성은 불가능하다.추상메서드는 추상클래스 내에서 구현하지 않는다. 선언만 함.private인 경우 상속받았어도 접근할 수 없다. 인스턴스 밖에서 접근할 수 없다.protected 외부로부터는 보호하고 자식 클래스에서는 접근 가능해진다.
interface는 object의 모양을 결정한다.interface는 class가 implement할수있도록 한다.class extends는 자바스크립트에서도 가져가는 문법. (무겁다)js로 컴파일되면 가벼워진다. (js에서는 없는 문법)interface를 상속할때에는
폴더 생성해서 vscode로 열어준다.initpackage.json에서 "main": "index.js", 부분을 삭제3\. 타입스크립트 다운로드src 폴더 만들어서 index.ts 파일 생성컴파일할 아무 코드나 작성해둔다.tsconfig 파일 생성tsconfig 파일