typescript

자바스크립트는 동적 타입(Dynamic type) 언어 이기에 변수의 타입 지정없이 유연하게 적용이 된다.도중에 타입이 바뀌어 버리면 런타임 에러가 나오게 된다.많은 양의 코드에서는 바뀔 여지가 있기에 그 위험을 타입스크립트라는 정적 타입으로 없애준다.출처 : http

출처: https://react.vlpt.us/using-typescript/01-practice.html

출처: https://react.vlpt.us/using-typescript/02-ts-react-basic.htmlCRA를 통해 컴포넌트 쉽게 만들어보기 $ npx create-react-app ts-react-tutorial --template typesc

readonly(읽기전용) 의도치 않은 값의 변경으로 인해 생기는 오류 방지할 수 있다 읽기만 가능하다 .push(), .pop() 등 안된다(변경 x) map, filter 함수로 돌려줘서 조회는 가능 any Typescript의 모든 보호장치를 비활성화시

map함수를 쓰면 상위 div 태그에서 오류메세지를 보낸다This JSX tag's 'children' prop expects a single child of type 'ReactNode', but multiple children were provided. 리액트에서

참조 : https://velog.io/@velopert/typescript-context-api

함수의 매개변수의 타입과 반환 값의 타입을 모두 type으로 미리선언여기서 헷갈렸던 부분! \- const add:Add = (a,b) => a+b !== const add:Add = (a,b) => {a+b} 같지 않다const add:Add = (a,b) =>

param에는 {id:1}이 있었고 id를 사용하고 싶은 상황그런데 console.log(typeof param.id)로 찍으니 string이 나온다.. 찾아보니 타입을 다시 지정해줘야하는 것 같았다unknown 타입으로 바꾼 후 number로 다시 덧입혀줘야한다.

javascript -> typescript로 변환해보았습니다.

0강 \- 브라우저(크롬, 엣지 등)은 ts를 모른다. 오직 js만 알고 실행할 수 있음 \- ts는 최종적으로 js로 변환된다. → 노드나 브라우저가 변환해줌 \- deno는 ts코드를 바로 돌릴 수 있지만 실무 사용안됨, 그렇기에 ts를 돌릴 수 있

js의 변수, 매개 변수, 리턴값3개만 type을 다 붙여놓으면 그것이 ts변수는 const a:string = ‘5’ 타입은 꼭 소문자여야함!배열 표기법const arr : string\[] =’123’,’456’const arr2 : Array123,456 (&l

Array === number[] forEach타입 연습(만들기) map 타입 연습(만들기) 위치 주의 add(1,2) as로 강제로 타입변환 add(1,2) 타입 파라미터 넣어준 것 형식 조건자여야한다 === 커스텀 타입가드여야함