영부터 구까지 영부터 구까지

- 타입 별칭 타입 별칭(Type Alias)란? - type 키워드를 사용해서 타입을 지정하는 방식을 의미한다.type TUser = { name: string; age: number;};function printUser(user: TUser): string { return `Name: ${user.name}, Age: ${user.age}`;} 기존에는 인라인 방식으로 타입을 지정했다면, 이건 미리 지정해서 사용하는 것이라고 생각한다. 아래는 여러 방식으로 타입 별칭을 사용하는 방법이다.   - 기본적인 타입 별칭type ID = string | number;  - 객체 타입 별칭type User = { name: string; readonly age?: number;};const..

타입 오퍼레이터유니온 타입인터렉션 타입- 타입 오퍼레이터 타입스크립트에서는 자바스크립트의 OR(||) 연산자와 AND(&&) 연산자와 같은 역할을 하는 타입이 존재한다. 바로, 유니온 타입과 인터렉션 타입이다. 오늘은 타입스크립트 오퍼레이터의 유니온 타입과 인터렉션 타입에 대해 알아보자.      - 유니온 타입 유니온 타입은 OR(||) 연산자와 같은 역할을 하는 타입스크립트 오퍼레이터이다. 타입스크립트에서는 ( | )로 여러 개의 타입을 결합한 타입을 말한다. 유니온 타입은 연결된 타입 중 1개의 타입만 만족하면 된다.const firstElements = (elements: number[] | string[]) => elements[0];firstElements([1, 2, 3]); // 1firs..

매개변수에 타입 지정하기반환값에 타입 지정하기옵셔널 파라미터함수 오버로드- 매개변수에 타입 지정하기 자바스크립트의 함수에는 인자, 인수(매개변수)가 있다.function sum(a, b) { return a + b;}sum(10, 20) // 10과 20은 인자 이러한 매개변수에 타입을 지정할 것이다.function sum(a:number, b:number) { return a + b;}sum(10, 20); // OKsum('a', 'b'); // NOT OK 매개변수에 number라는 타입을 지정하였다. sum 함수의 매개변수에 string 타입을 넣으면 오류가 발생한다. - 반환값에 타입 지정하기 함수가 반환되는 값에도 타입을 지정할 수 있다.function sum(a, b):num..

타입스크립트의 기본 타입에 대해 알아보려고 합니다. 저도 타입스크립트가 처음인지라 처음부터 천천히 배우고자 하는 중입니다..! - 타입스크립트 기본 타입 타입스크립트에서 추가된 기본 타입은 다음과 같다. stringnumberbooleanobjectArray (대문자)tupleanynullundefined - stringstring 타입은 문자열 타입이다.const str:string = "Hello World"; - numbernumber 타입은 숫자 타입이다.const num:number = 10; - booleanboolean 타입은 논리형 타입이다.const agree:boolean = true; - objectobject 타입은 객체 타입이다.const user:object = { name: "..

타입스크립트(TypeScript) 란?타입스크립트(TypeScript) 시작하기타입스크립트 with VSCode- 타입스크립트( TypeScript )란? 타입스크립트는 별도의 새로운 언어가 아닌, 자바스크립트에 타입(type)을 추가한 확장 언어이다. 새로 배우는 언어는 아니기 때문에 학습 난이도는 높지 않은 편이지만, 복잡하긴 하다...ㅎㅎ - 타입스크립트( Typescript ) 시작하기 타입스크립트로 작성된 코드를 실행하려면? => 타입스크립트 코드를 자바스크립트 코드로 변환해주는 작업이 필요하다. 이러한 변환 작업을 컴파일(compile)이라고 한다. 저는 Node.js를 이용하는 방법으로 진행하고자 합니다.  Step1.실습에 사용한 폴더를 하나 생성하여 Visual Studio Code로 열..

forEachmapreducefilter오늘은 배열을 다루는 4가지 메서드에 대해서 알아보려고 한다. 배열을 다루는 메서드는 다양한데, 그 중 가장 많이 사용한다고 생각하는 forEach(), map(), reduce(), filter()에 대해서 알아보자.- array.forEach() forEach()는 배열의 각 요소에 대해 부작용(side effect)을 발생시키는 작업을 수행할 때 사용한다. 특징으로는, 반환값이 없으며, 원본 배열을 변경하지 않는다는 특징이 있다. 주로 로그 출력, API 호출, 데이터 저장 등의 작업에 적합하다. 아래의 코드는 배열의 모든 요소를 출력하는 코드이다.// forEach()const numbers = [1, 2, 3];numbers.forEach(number =>..

클로저 (Closure) 란?클로저 패턴의 프로그래밍 패턴은닉화 (Encapsulation)함수 팩토리 (Function Factory)비동기 프로그래밍에서 클로저메모이제이션 패턴 (Memoization Pattern)- 클로저 (Closrue) 란? 클로저는 반환된 내부 함수가 선언됐을 때의 렉시컬 환경(Lexical envirionment)인 스코프를 기억하며, 만약 자신이 선언됐을 때 환경(scope) 밖에서 호출되어도 스코프에 접근할 수 있는 함수를 말한다. 여기서 스코프는, 함수를 어디서 선언했는지에 따라 결정된다. 이를 렉시컬 스코핑(Lexical scoping)이라고 한다. function outer() { const x = 10; const inner = () => { console..

호이스팅이란?변수 호이스팅var로 선언한 변수 호이스팅const, let으로 선언한 변수 호이스팅함수 호이스팅함수 선언식으로 선언한 함수 호이스팅함수 표현식으로 선언한 함수 호이스팅var로 선언한 함수 표현식const, let으로 선언한 함수 표현식- 호이스팅이란? 호이스팅(Hoisting)이란, 자바스크립트 문법을 선언과 할당으로 구문을 분리하여 선언 부분을 최상위로 끌어올려 실행하는 특징을 말한다.- 변수 호이스팅 ① var로 선언한 변수 호이스팅 var로 선언한 변수의 경우, 호이스팅 시 undefined로 변수를 초기화 시키는 특징이 있다. 변수가 호이스팅 될 때에는 선언, 초기화만 된 채로 호이스팅 되고 , 할당까지 호이스팅이 되지는 않는다.console.log(name); // undefin..