typescript

TypeScript

TypeScript 문법 (Enum, Interface, Type Aliases, Type Inference, Class)

✏️ 열거형(Enum) ➤ 숫자형 Enum enum Rainbow { Red, //0 Orange, //1 Yellow, //2 Green, //3 Blue, //4 Navy, //5 Perple, //6 } 각 값은 자동으로 0부터 시작하여 1씩 증가한다. enum Rainbow { Red = 2, Orange = 4, Yellow = 6, Green = 8, Blue = 1, Navy = 3, Perple = 5, } let red: Rainbow = Rainbow.Red; let greenValue: number = Rainbow.Green; let blueValue: number = Rainbow.Blue; console.log(red); // 출력: 2 console.log(greenValue)..

TypeScript

TypeScript 문법 (타입, 함수, 연산자 활용 타입)

✏️ 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..

TypeScript/Pair Study

[TS Pair Study - 3Week] my Agora States 리팩토링① / Submodule 사용해보기!

드디어 기본 타입 공부를 끝내고 코드스테이츠에서 작업했었던 my Agora States를 리팩토링하는 시간이 다가왔다. 기존 아고라 스테이츠는 자바스트립트를 기반으로 작업했었기 때문에 타입스크립트와 리액트를 사용하려면 싹 다 갈아엎어야 한다,,,! 지금껏 했던 과제나 작업들은 모두 세팅이 되어있는상태에서 시작을 했었다. 하지만 아고라스테이츠 리팩토링을 진행하려면 초기 세팅부터 리액트 처음부터 구현해보기 등 전부 내가 직접 진행을 해야했다... 물론 수강 과정에서 다 배웠던 내용이었지만 처음 해보기 때문에 많은 어려움이 있을것이란 걱정을 안고 시작해 보았다.😱 ➤ TypeScript React 초기 세팅하기! 1. Typescirpt create-react-app 생성 $npx create-react-ap..

TypeScript/Pair Study

[TS Pair Study - 2Week] 기본 타입 part2

페어스터디 두번째 주! 이번 주엔 기본타입 정리를 마무리 했다. 새롭게 배운 내용을 정리해 보자! ✏️ 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/Pair Study

[TS Pair Study - 1Week] 기본 타입 part1 / 깃헙!!!!

페어스터디 첫번째 주! 한 주 동안 공부한 타입을 잘 보여줄 수 있는 코드를 만들어 깃헙으로 공유하고 발표를 했다. 스터디를 진행하면서 새롭게 배운점과 깃헙 사용시 어려웠던 점을 포스팅 해보려 한다! ✏️ 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..

숨냥
'typescript' 태그의 글 목록