Front-End40 [Typescript] Type과 interface의 차이 interface ExampleInterface1 extends ExampleInterface2 { age: number; } type ExampleType1 = ExampleType2 & { age: number; }; interface의 경우 extends로, type은 &으로 확장 interface ExampleInterface { id: number; name: string; } interface ExampleInterface { age: number; } Interface는 동일한 이름으로 다시 선언하여 확장이 가능 type GenericType = { [x: string]: number }; type NormalType = { x: number }; const obj1: NormalType =.. 2021. 7. 22. [Typescript] Generic 타입스크립트의 제네릭은 선언 시점이 아니라 생성 시점에 타입을 명시하여 하나의 타입만이 아닌 다양한 타입을 사용할 수 있도록 하는 기법으로 한번의 선언으로 여러가지 타입에 재사용 할수 있다. function reverse(items: T[]): T[] { return items.reverse(); } 위와같이 제네릭을 선언하면 넘어오는 파라미터 타입에 따라 타입이 정해진다. function reverse(items: T[]): T[] { return items.reverse(); } const arg = [1, 2, 3, 4, 5]; // 인수에 의해 타입 매개변수가 결정된다. const reversed = reverse(arg); console.log(reversed); // [ 5, 4, 3, 2, .. 2021. 7. 15. [flutter] flutter의 상태관리 라이브러리 GetX 1. 상태관리 flutter를 처음 설치하고 나오는 counter앱의 일부분입니다. class MyHomePage extends StatefulWidget { MyHomePage({Key? key, required this.title}) : super(key: key); final String title; @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State { int _counter = 0; void _incrementCounter() { setState(() { _counter++; }); } 위와같이 statefulWidget을 만들고 state를 사용할 _MyHomeP.. 2021. 7. 8. [flutter] 플러터 입문 1. flutter SDK 설치 - 한국어 페이지에서는 왜인지 SDK설치 자체가 안됩니다..( https://flutter.dev/ 로 가서 설치하셔야합니다) - 안드로이드 스튜디오 필수 ! 플러그인 - dart, flutter설치 2. 앱의 기본 구성(리액트랑 비교) - 가져온 패키지를 사용할때 어떤 패키지에서 가져왔는지 알수가없음 - setState로 상태변경을 하는 구문이 유사 - Widget - React의 Component의 느낌 - build(BuildContext context) { 는 react에 render() { - StatefulWidget - state에 따라 변화하는 Widget, - StatelessWidget - state에 영향을 받지 않는 Widget 3.패키지 - 패키지 .. 2021. 7. 1. 이전 1 2 3 4 5 6 7 ··· 10 다음