천천히 차근차근

find / | grep -i share | grep -i osx find /(찾을 위치) | grep -i share(검색어) | grep -i osx(검색어) open . 현재 경로 파일 열기

'use strict'; // 1. Literals and properties // Object // object = { key : value }; // object는 key와 value의 집합체이다. const obj1 = {}; // 'object literal' syntax const obj2 = new Object(); // 'object constructor' syntax function print(person) { console.log(person.name); console.log(person.age); } // 자바스크립트에서는 클래스가 없어도 이렇게 괄호로 객체를 생성할 수 있다. const ellie = { name: 'ellie'..

'use strict'; // 객체 지향 프로그래밍 // class : template // object : instance of a class class Person { constructor(name, age) { this.name = name; this.age = age; } speak() { console.log(`${this.name} : hello !`); } } const ellie = new Person('ellie', 30); console.log(ellie.name); console.log(ellie.age); ellie.speak(); // 두번째 class User { constructor(firstName, lastName, age){ this.first..

function calculate(command, a, b ) { switch ( command ) { case 'add': console.log(a + b); break; case 'minus': console.log(a -b); break; default: throw Error('input again'); } } let num = calculate('minusffff', 1, 2);

console.clear(); 'use strict'; function helloPrint() { console.log('Hello'); } helloPrint(); function log(message) { console.log(message); } log('안녕하세요.'); // Object는 reference에 할당된다. function changeName(obj) { obj.name = 'coder'; } const ellie = { name: 'ellie'}; changeName(ellie); console.log(ellie); // 3. Default parameters (added in ES6) function showM..

for ( let i = 0; i

let i = 3; while ( i > 0 ) { console.log(`while: ${i}`); i--; } do { console.log(`do while : ${i}`); --i; } while ( i > 0 ); do ~while은 먼저 do 블럭 안에서 실행을 하고, 마지막에 조건을 확인한 다음에 조건에 맞다면 멈춘다. 실행을 먼저할지, 나중에 할지를 판단해서 사용하도록 한다.

let nameValue = 'success'; switch ( nameValue ) { case 'test': case 'success': console.log('Bingo'); break; case 'fail': console.log('Fail'); break; } 결과가 같은 조건이라면 case를 겹쳐서 사용할 수 있다.

'use strict'; console.log('Hello World'); let a; a = 3; console.log(a); 'use strict'; 를 입력해주는것 만으로 자바스크립트의 장점이자 단점인 유연함을 조금이나마 타이트하게 관리할 수 있다.

// 인터페이스 확장 interface Person { name: string; age: number; } interface Developer extends Person { language: string; } let captain: Developer = { name: '캡틴', age: 30, language: 'Ko' }

// 딕셔너리 패턴 (인덱싱과 유사한) interface StringRegexDictionary { [key: string ]: RegExp; } let obj: StringRegexDictionary = { cssFile: /\.css$/, jsFile: /\.js$/, } obj['cssFile'] = 'a'; Object.keys(obj).forEach(function(value){ })

// 인덱싱 interface StringArray { [index: number]: string; } let arr: StringArray = [ 'a', 'b', 'c']; arr[0] = 'D'; console.log(arr); interface로 배열의 데이터도 정의할 수 있다. index를 숫자로 받고, 배열의 값을 string으로 정의해서 사용할 수 있다.

// 연습 interface ConsoleFunction { (a: string, b: number): string } let test:ConsoleFunction = function(a: string, b: number ): string { return '제 이름은 ' + a + '이고, 나이는 ' + b + ' 입니다.'; } let test1:string = test('해리', 30); console.log(test1);

// 함수의 스펙(구조)에 인터페이스를 활용 interface SumFunction { (a: number, b: number ): number; } let sum: SumFunction; sum = function(a: number, b: number): number{ console.log( a + b); return a + b; } sum(30, 11111); interface를 정의한다. sum 변수 타입은 정의해둔 interface 타입으로 선언한다. sum 함수를 호출하면 정의해둔 타입에 맞춰 인자를 받아 값을 더해 리턴한다. sum 변수를 호출할 때, 정의해둔 number 타입으로 호출하지 않으면 타입스크립트는 오류를 발생해준다.

interface User { age: number; name: string; } // seho라는 변수는 User interface라는 타입으로 정의가 된다. let seho: User = { age: 30, name: '세호' } console.log(seho);객체를 생성할 때, 매번 타입으로 age, name을 명시해줄 필요없이 정의해둔 interface를 타입으로 활용하여 중복을 줄일 수 있다. // 인터페이스 : 상호간의 약속 interface User { age: number; name: string; } // seho라는 변수는 User interface라는 타입으로 정의가 된다. // 변수에 인터페이스 활용 let seho: User = { age: 30, name: &#3..

function fetchTodoItems(): { id: number; title: string; done: boolean }[] { const todos = [ { id: 1, title: '안녕', done: false }, { id: 2, title: '타입', done: false }, { id: 3, title: '스크립트', done: false }, ]; return todos; } 자바스크립트 코드를 타입스크립트로 변환하면서 위의 객체 배열 타입을 의미하는 객체의 속성을 모두 명시해주는 중복 코드가 발생하게 된다. 해결 방법 2가지 Type 별칭 부여 interface 사용 Type 별칭 부여 type Todo = { id: number; tit..

1번 function showCompleted(): object[] { return todoItems.filter(function (item) { if (item.done) { return item; } }); }2번 function showCompleted(): object[] { return todoItems.filter(item => item.done); } 같은 결과값을 return한다.

style={{ width: this.state.width.interpolate({ inputRange: [0, 1], outputRange: ['0%', '100%'], }), backgroundColor: this.state.width.interpolate({ inputRange: [40, 100], outputRange: ['rgba(30, 70, 30, 1.0)', 'rgba(220, 100, 50, 0.8)'], }), }}

import React, { Component, ReactNode } from 'react'; import { View, Text, StyleSheet, Animated } from 'react-native'; export default class AniOne extends Component { constructor(props: any) { super(props); //this.state = new Animated.ValueXY(0, 0); this.state = { mySquare: new Animated.Value(0) } } // render가 실행된 다음에 실행되는 함수. // 가장 마지막에 실행되는 함수로써, 마지막에 엔딩 포인트를 지정해주면 된다. component..

개별 자료 구조에서 한발 뒤로 물러나 순회에 관해 이야기 나누어봅시다. 이전 챕터에서 map.keys(), map.values(), map.entries()와 같은 메서드들에 대해 알아보았습니다. 이 메서드들은 포괄적인 용도로 만들어졌기 때문에 이 메서드들이 적용될 자료구조는 일련의 합의를 준수해야 합니다. 자료구조를 직접 만들어서 사용하려면 기존에 구현된 메서드를 쓰지 못하고 직접 커스텀 메서드를 구현해야 합니다. keys(), values(), entries()는 아래와 같은 자료구조에 적용할 수 있습니다. Map Set Array 일반 객체에도 유사한 메서드를 적용할 수 있는데, Map, Set, Array에 적용하는 메서드와는 문법이 약간 다릅니다. Object.keys, values, entri..