홍준혁

타입 스크립트는 자바스크립트의 슈퍼셋이다. 타입 스크립트를 사용하면 개발자 입장에서 좋은 코드를 작성할 수 있게 된다. (바보 같은 오류를 방지해준다.) 그래서 리액트에서 타입 스크립트를 사용해보자. 먼저 디렉터리를 만들고 CRA를 해준다. 이렇게 해주면 자동으로 타입 스크립트가 설정된 리액트가 프로젝트가 만들어진다. 기본적으로 만들어진 프로젝트에 App과 index를 남기고 다 지워도 무방하다. - 이렇게 파일 구조를 생성해주자. 그다음에 APP에서 styled-components를 이용해서, import styled, { createGlobalStyle } from 'styled-components'; styled와 createGlobalStyle을 선언해주자. 이렇게 되면 GlobalStyle컴포넌..

타입 스크립트는 자바스크립트의 확장된 개념이다. 타입 스크립트에서 가장 중요한 개념은 바로 '타입'인데, 바로 타입스크립트에서 타입을 지정하는 방법을 배워보도록 하자. 자바스크립트 형식대로 sayHello라는 함수를 만들었다. 하지만 우리는 name이라는 파라미터에 타입을 지정해주지 않아서 빨간 줄이 떴다. (실행은 된다.) 그러면 이제 name에 파라미터를 전달해 줘서 저 빨간줄을 없애보겠다. 이렇게, :string을 붙여서 name에 문자 타입을 주었다. 이렇게 간단하게 타입을 지정해줄 수 있다. 예를들어 숫자 타입을 주고 싶으면 :number 불리안 타입을 주고 싶으면 :boolean을 주면 된다. 이 타입은 배열 타입도 줄 수 있다. 이런식으로 type + [] 하면 된다. 그다음 interfac..