Typescript 기초 학습 11.기초문법9_d.ts파일_definitelyTyped_intersection_call_apply_ts유틸리티_데코레이터(인프런_Zerocho님 강의 학습 의식의 흐름대로 노트 정리)
인프런 타입스크립트 기초를 통해 공부중이며 제로초님의 유료강좌입니다. 코드를 통으로 가져오지는 않겠습니다.(내가 글을 쓰면서 복습하는게 목적이기때문에 필요한 부분만) 타입스크립트에 익숙하지않다면 자바스크립트로 먼저 코드를 작성하고 그 후에 타입스크립트로 변환하도록하자. 타입스크립트 (Typescript) 오 드디어 강의가 거의 끝이 나 보인다.!!!! 강의보고 이해하고 글한번 적고,, 다른것도 하다보니 되게 오래걸렸다. 다보고나면 뭐 하나 만들어보고 간단히 강의 훑고 react랑 typesctipt 같이 써봐야지! 진짜 의식의 흐름대로 글을쓰다보니 1회차부터 보니까 ㅋㅋㅋ 내가 헷갈림..ㅎㅎ 나중에는 공식문서보면서 좀 제대로 알아봐야겠다. Typescript를 지원하는 패키지, 아닌 패키지 일단 type..
인프런 타입스크립트 기초를 통해 공부중이며 제로초님의 유료강좌입니다. 코드를 통으로 가져오지는 않겠습니다.(내가 글을 쓰면서 복습하는게 목적이기때문에 필요한 부분만) 타입스크립트 (Typescript) as const; 변수를 상수처럼 쓰고 싶다. 타입스크립트 전용 문법인 as const; 를 뒤에 붙이면 된다. let str = 'haha' as const; let arr = [true, 2, '3'] as const; 변수에 마우스를 올렸을때 let arr:readonly [true, 2,, '3'] 이라고 뜨는데, 여기서 새로운 타입 readonly를 볼 수 있다. as const;로 선언할 경우 let이어도 재 정의시에 에러가 난다. 그렇다면 const로 선언하면 되지 않나? 라고 하는데, con..
인프런 타입스크립트 기초를 통해 공부중이며 제로초님의 유료강좌입니다. 코드를 통으로 가져오지는 않겠습니다.(내가 글을 쓰면서 복습하는게 목적이기때문에 필요한 부분만) 타입스크립트 (Typescript) 타입스크립트는 자바스크립트의 superset(상위집합)이다. 자바스크립트가 언어고 타입스크립트가 라이브러리라서 반대로 생각하는데, 타입스크립트는 자바스크립트의 모든 기능에 타입이라는 시스템이 추가된 것이므로 더 큰 존재이다. 따라서 기본적으로 타입스크립트를 사용하기 위해서는 자바스크립트를 알아야한다. 제로초님은 자바스크립트 강좌 (유튜브에 업로드하신 무료 es2020 / 자바스크립트강좌를 보고 오면 도움이 된다고했다) 제로초님은 실무에서 클라이언트가 요청하는 것을 제외하고는 보통 타입스크립트로 쓴다고 한다..
강의 유튜브 주소 : https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn react는 setState로 state관리를 한다. 불변성을 지켜야하기때문에 아래와 같이 사용했는데 this.setState({ value : this.state.value }); 리액트 로직이 기존 state와 새로운 state를 비교하여 재 렌더링하기 때문에 참조형인 array, object 같은 경우에는 주의해야한다. 이때 배열에 push하게 되면 기존 참조된 배열에 push가 되기 때문에 기존 state와 새로운 state는 같아진다. 따라서 아래와 같이 새로운 배열을 set해줘야한다. this.setState({ array ..