✏️ TypeScript의 타입 ➤ Boolean(불리언) 타입 let isShow: boolean = true; let isDone: boolean = false; ➤ Number(숫자) 타입 let number1: number = 5; let number2: number = 0.7; ➤ String(문자열) 타입 let fruits: string = "apple"; let color: string = 'white'; ➤ Array(배열) 타입 //첫 번째 방법 let items: string[] = ["one", "1", "apple"]; //두 번째 방법 let numberList: Array = [1, 20, 100]; ➤ Tuple(튜플) 타입 let user: [string, number, b..
드디어 기본 타입 공부를 끝내고 코드스테이츠에서 작업했었던 my Agora States를 리팩토링하는 시간이 다가왔다. 기존 아고라 스테이츠는 자바스트립트를 기반으로 작업했었기 때문에 타입스크립트와 리액트를 사용하려면 싹 다 갈아엎어야 한다,,,! 지금껏 했던 과제나 작업들은 모두 세팅이 되어있는상태에서 시작을 했었다. 하지만 아고라스테이츠 리팩토링을 진행하려면 초기 세팅부터 리액트 처음부터 구현해보기 등 전부 내가 직접 진행을 해야했다... 물론 수강 과정에서 다 배웠던 내용이었지만 처음 해보기 때문에 많은 어려움이 있을것이란 걱정을 안고 시작해 보았다.😱 ➤ TypeScript React 초기 세팅하기! 1. Typescirpt create-react-app 생성 $npx create-react-ap..
페어스터디 두번째 주! 이번 주엔 기본타입 정리를 마무리 했다. 새롭게 배운 내용을 정리해 보자! ✏️ TypeScript -Type ➤ 내가 맡은 타입 Intersection, Inference ➤ 민선님이 맡은 타입 discriminated union, enum, type assertion 발표 순서 Intersection → Inference → never → discriminated union → enum → type assertion 👉 여러 타입을 하나의 타입으로 결합하는 Type Intersection 교차 타입(Type Intersection)은 유니언 타입과 비슷한 방식이지만, 사용 방법은 다르다. 유니온 타입은 자바스크립트에서 or 연산자(||)와 같이 'A, B' 둘 중 하나를 선택하..
페어스터디 첫번째 주! 한 주 동안 공부한 타입을 잘 보여줄 수 있는 코드를 만들어 깃헙으로 공유하고 발표를 했다. 스터디를 진행하면서 새롭게 배운점과 깃헙 사용시 어려웠던 점을 포스팅 해보려 한다! ✏️ TypeScript ➤ 내가 맡은 타입 unknown, any, void, never, rest parameter, array, tuple ➤ 민선님이 맡은 타입 object, alias, union, optional parameter, default parameter 발표 순서 any → array → never → rest parameter → object → alias → union → tuple → unknown → void → optional parameter → default paramete..