설치방법-01 cli로 설치하기 $ npx create-react-app my-app --template typescript 또는 $ yarn create react-app my-app --template typescript my-app 부분에 프로젝트 이름을 쓰면 된다. 설치방법-02 기존 React 작업에 TypeScript를 적용하기 $ npm install --save typescript @types/node @types/react @types/react-dom @types/jest 또는 $ yarn add typescript @types/node @types/react @types/react-dom @types/jest

TypeScript는 JavaScript를 기반으로 한다. TypeScript는 strongly-typed 언어이다. strongly-typed 란, 프로그래밍 언어가 작동하기 전에 type 을 확인한다는 것이다. JavaScript는 strongly-typed 언어가 아니다 . 데이터 타입이 뭔지 신경쓰지 않는다. 예를 들어 plus라는 function을 만들어보자. const plus = (a, b) => a + b; plus(2, 2) // 4 여기서 JavaScript는 a와 b가 어떤 타입인지 모른다. 그냥 a + b 결과만 보여준다. 실수로 아래와 같이 코드를 입력했다면 plus(2, "Hi") // "2Hi" 이런 실수를 방지하기 위해서 안전장치가 있었으면 좋겠다. JavaScript에게 a..

# 학습 전 나의 상태 어제 스타일컴포넌트를 배우고 CSS를 사용할 때보다 더욱 활용하기 쉬움을 알게되었다. 실은,, 코드스테이츠에서 파이널 프로젝트 할 때 사용해봤다. ㅋ.. 그래서 다시 한 번 보며서 그 때 이해하지 못했던 부분들을 이해하려고 노력했던 것 같다. props를 전달하는 방법과 반복되는 코드들을 불러와서 적용시키는 방법등 유용한 것들을 많이 배웠다. 오늘은 처음으로 typescript를 접한다. 어떻게 사용하는 것인지 내심.. 기대도 되고 새로운 것이라 긴장도 된다. 잘 정리해서 공부해봐야지..! # 오늘의 학습 내용 TYPESCIPT 란? JavaScript를 기반으로 한 프로그래밍 언어 ( 다른 프로그래밍 언어!) Strongly-Typed 언어이다. Strongly-Typed 는 프..