Front-end/Typescript (2) 썸네일형 리스트형 [JS -> TS] 프로젝트 변환하기(1) useState 변수 props 호기롭게 시작했지만 오류가 폭발했다. 친구들이 맨 처음에는 다들 그런 거라며 위로했지만 위로 안됨...ㅎ About 컴포넌트의 setIsBlur(useState 변수)를 Header에 넘겨야 한다. JS에서는 props로 넘기기만 하면 되지만, TS 세상에서는 그게 먹히지 않나 보다. 그래서 인터넷에 찾아보니...이게 안 된다고...ㅎ About에서는 그대로 넘긴다. 다만, Header에서 받는 방식이 다르다. 이것이 정확히 맞는 방식인지는 잘 모르겠다. 확실한 건, 뭐 하나 안 맞으면 오류가 나는 TS에서 오류가 나지 않고 잘 작동한다. interface에 useState변수를 Dispatch하고 SetStateAction에 변수 타입을 지정해준 다음, 컴포넌트에 해당 타입을 props로 넘겨주고 사용.. Typescript types 지금까지 짠 프로젝트를 타입스크립트로 변환해보잣. 근데 나는 ts의 아무것도 모른다. 그래서! 공부 시작! 기존의 대충 흘려보던 타입스크립트의 가장 큰 차이점 : 타입을 지정해주는 것이다. 이게 뭔가? 했는데 이게 뭔지 알아보겠다. 가장 기초 타입 string, number, boolean 배열 숫자 배열 : number[], Array 문자열 배열 : string[], Array 단, [number]은 다른 얘기이다. 이것은 튜플이다. any 아직 특정한 값을 갖지 않았을 때 타입 체크 오류를 방지하는 타입스크립트의 특별한 타입이다. 값의 타입이 any이면, 어떠한 타입이라도 접근이 가능하다. let obj: any={x:0}; // 아래의 코드들은 오류가 나지 않는다. obj.foo(); obj();.. 이전 1 다음
