✏️ 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 리팩토링 시간을 가졌다! 이번주는 많이 진행을 하지 못한거같다🥲 수업이 지쳐서 그런지 느슨해진 기분도 들고,,,다시 화이팅하자! 다음주부터 수업에서 타입스크립트를 배운다고 하니까 미리 공부해두길 잘했다는 생각이 든다,, 깃허브를 관리하는 과정에서 코드가 날아갔다... 다행히 코드는 복구를 했지만 스타일 컴포넌트 파일은 구하지 못했다는...급한대로 기본 틀만 잡아주었다! ➤ Event 객체에 type 지정, id 속성에 타입 변경 const [data, setData] = useState(dataList); const onSubmitDiscussion = (e:React.FormEvent) =>{ e.preventDefault() const newData : NewDa..
저번주에 이어서 my Agora States를 계속 리팩토링하는 시간을 가졌다. 이번주는 코드스테이츠에서 하는 솔로프로젝트 때문에 민선님이나 나나 정신이 없어서 토요일에 스터디를 진행했다! ➤ DummyData에 Type 지정 //data.tsx type Discussions = { id: string; createdAt: string; title: string; url: string; author: string; answer: { author: string; avatarUrl: string; bodyHTML: string; createdAt: string; id: string; url: string; } | null; bodyHTML: string; avatarUrl: string; }; 가져온 데이터..
드디어 기본 타입 공부를 끝내고 코드스테이츠에서 작업했었던 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..
