Typescript
-
타입스크립트 설정TypeScript 2019. 12. 1. 18:07
yarn global add typescript // 모든 결과물에 타입스크립트가 필요해서 글로벌로 설치해줬음 tsconfig.json 파일 생성 타입스크립트에게 어떻게 자바스크립트로 변환하는지 알려주고, 몇몇 옵션을 설정해주기위한 파일임 { "compilerOptions": { "module": "commonjs", // node.js를 평범하게 사용하고 다양한 걸 import하거나 export할 수 있게 만드는거임 "target": "ES2015", // 어떤 버전의 javascript로 컴파일 되고 싶은지적는것 "sourceMap": true }, // 다음으로 어떤 파일들이 컴파일 과정에 포함되는지 TypeSCript에게 알려줌 // 컴파일 과정에서 포함할 파일의 배열을 적으면 됨 "include..
-
TypeScript란 무엇인가?TypeScript 2019. 12. 1. 17:31
TypeScript란..? TypeScript란 자바스크립트 superset언어인데, 자바스크립트 처럼 생겼고 컴파일하면 자바스크립트로 컴파일됨 즉 자바스크립트 위에있고, 타입스크립트에 작성하는건 모두 자바스크립트로 변한다. 왜 사용할까? 타입스크립트를 왜 사용하는지 배우기에 앞서 자바스크립트의 장점부터 살펴보자 자바스크립트는 엄격한 규칙이 없어 사용하기 쉽고 사용자가 원하는 방향으로 수정하기 편하다. 그러나 이러한 장점이 때론 단점이 된다. ( 큰 프로젝트나, 팀으로 일을할때 버그발생이 쉬움) 그래서 typescript가 탄생함 TypeScript 의 장점 예측가능한 언어 읽기쉬운 코드 (니콜라스는 타입스크립트는 자바스크립트의 업그레이버전이라고 생각한다고함)
-
TypeScript와 React를 같이쓰는법React/TypeScript (with- React) 2019. 12. 1. 15:20
TypeScript의 코드를 쓰는방법과, 컴파일 방법은 배우지않고, 리액트와 타입스크립트를 같이쓰는 방법만을 배움 npx create-react-app typescript-react-demo --typescript typescript-react-demo는 내 프로젝트 이름 --typescript는 타입스크립트와 같이쓴다는걸 알려주는 의미 fsconfig.json의 역할 타입스크립트의 룰을 정해준다. 예를 들어 cosnt sum = (a. b) => a + b ;할시 a 와 b 에 타입이 정해지지않았다는 에러와함께 동작이 정지되는데, 이런 귀찮음을 없애주려고 fsconfig.json에 "noImplicitAny": false라고 적어주면된다.
-
TypeScript 입문..React/TypeScript (with- React) 2019. 11. 30. 16:12
TypeScript란? 자바스크립트의 superset으로, 다른 언어 위에서 동작하는 언어이다. TypeScript = 자바스크립트 + 자바스크립트엔 없는 기능 TypeScript가 하는일 개발자들이 하는 실수를 줄여주고, 더 좋은 코드를 짤 수 있게 도와준다. TypeScript의 여러 기능 // 예시1 => 개발자의 의도와는 달리 "String2"가됨 const plus = (a,b) => a + b; console.log(plus("lalala",2)) // lalala2 // 예시1 해결방안 다른 예 => if문으로 거를수있지만 번거로움 const plus = (a,b) => a + b => { if(typeof a === "string") }; console.log(plus("lalala",2)..