Front-End

리액트를 처음 해볼 때 Javascript로만 TodoList를 다들 만들어 보셨을겁니다. 이번엔 그거를 Typescript로 만들어 보려고 합니다. 회사 프로젝트를 하면서도 많이 사용하고, 지금새로 하는 React Javascript Todo->React Typescript Todo 여기서도 많이 배우고 있습니다. https://github.com/jeongseoe/react-study GitHub - jeongseoe/react-study Contribute to jeongseoe/react-study development by creating an account on GitHub. github.com 1) interface 일단 Javascript 에서 쓰던 props 들은 typescript 에서..

인터페이스 처음듣는 단어입니다ㅎㅎ 인터페이스란? 상호간에 정의한 약속 혹은 규칙을 의미한다. -객체의 속성과 속성의 타입(스펙) - 함수의 파라미터 - 함수의 파라미터, 반환 타입 등(스펙) - 배열과 객체를 접근하는 방식 - 클래스 type Person = { name : string; age : number; address : string; }; // 위에와 동일한게 인터페이스입니다. interface Person { name : string; age : number; address : string; }; 이렇게 보면 좀 생소하죠 ? 좀 더 쉽게 보자면 ~ 아래와 같습니다. interface 인터페이스이름 { 속성: 타입; } 여러번 정의를 써놓는 것 보다, 하나로 지정해서 JeongSeo라는 속성과..

타입스크립트란? Typescript ? 간단하게 설명하자면, 자바스크립트에 타입을 부여한 언어이다. 타입스크립트는 자바스크립트와 다르게 브라우저에서 실행하기 위해 파일을 한번 변환해 준다. 이 변환 과정은 컴파일(comfile)이라고 부른다. 즉, '타입이 입혀진 자바스크립트' 왜 쓰는가? 에러의 사전 방지 ⛔(변수의 타입이 지정되어 있어 원치 않는 결과를 방지할 수 있다) 코드 자동 완성과 가이드(변수에 대한 타입이 지정되어 있어서 해당 타입에 대한 API를 미리 볼 수 있어 오타를 줄임) 기본 타입 ( 총 12가지로 정의할 수 있다) 1. String let str: string = 'hi'; 2. Number let num: number = 10; 3. Boolean let isLoggedIn: b..