전체 글787

• 

  [TypeScript]함수 오버로딩(Function Overloading)이란? 함수 오버로딩이란? TypeScript에서는 같은 이름을 가진 함수를 여러 개 정의할 수 있으며 각 함수는 서로 다른 타입을 가지는 매개변수로 정의해야 합니다. 매개변수가 다르며 이름이 동일한 함수를 함수 오버로딩이라고 합니다. 매개변수의 개수는 동일하지만, 타입이 다른 경우 // 함수 선언 function add(a: string, b: string): string; function add(a: number, b: number): number; // 함수 구현 function add(a: any, b: any): any { return a + b; } // 함수 호출 console.log(add(1, 2)); // 3 두 개의 함수 선언과 하나의 함수 구현이 있는 동일한 함수가 존재합니다. 첫 번째 함.. TypeScript 2021. 12. 27.

• 

  [C#]정적 멤버(static member), 비정적 멤버(Non-static member) 정적 멤버와 비정적 멤버 클래스의 구성 요소는 정적 멤버와 비정적 멤버로 분류됩니다. 클래스의 멤버를 초기화 또는 사용하기 위해 인스턴스가 필요 없는 클래스의 멤버를 정적 멤버라고 정의하며, 클래스의 멤버 변수를 초기화 또는 사용하기 위해 인스턴스가 필요한 클래스의 멤버를 비정적 멤버라고 정의합니다. 이번 포스팅에서는 정적 멤버와 비정적 멤버에 대해 소개합니다. 목차 정적 변수와 비정적 변수 정적 메서드와 비정적 메서드 정적 생성자와 비정적 생성자 정적 클래스 정적 변수와 비정적 변수 static 한정자를 사용하여 선언되거나 static 함수 내부에 선언된 변수는 정적 변수로 간주하며, static 한정자를 사용하지 않고 선언된 변수는 비정적 변수로 간주됩니다. 다음은 정적 변수와 비정적 변수를 선언한 .. C# 2021. 12. 25.

• 

  [C#]const와 readonly 차이점 const와 readonly 키워드 C#의 const 키워드는 변수를 상수로 만들며, readonly 키워드는 변수를 읽기 전용으로 만듭니다. 이 두 가지 키워드는 '값을 변경할 수 없다'라는 관점에서는 동일하게 보이지만, 미묘한 차이점이 존재하므로 혼란스러울 수 있습니다. 따라서 이번 포스팅에서 예제와 함께 const와 readonly 키워드의 차이점을 알아보겠습니다. MSDN에서 언급된 내용 상수는 프로그램 컴파일 시 정해진 불변 값이며 프로그램이 종료될 때까지 값을 변경할 수 없습니다. 읽기 전용 변수 역시 불변 값이지만 런타임에 정해지며, 마찬가지로 프로그램이 종료될 때까지 값을 변경할 수 없습니다. MSDN에서 언급된 위 내용을 머릿속에 넣어두고 const와 readonly 키워드에 대해 알아봅.. C# 2021. 12. 25.

• 

  [JavaScript]소수점 반올림하는 방법 이번 포스팅에서는 JavaScript에서 소수점 반올림하는 방법들을 소개합니다. 목차 toFixed() 함수 Math.round() 함수 Math.floor() 함수 Math.ceil() 함수 toPrecision() 함수 toFixed() 함수 toFixed() 함수는 인수로 전달된 소수 자릿수로 반올림된 숫자를 문자열 타입으로 반환합니다. 다음은 toFixed() 함수 사용 예제입니다. (123.678).toFixed(); // 124 (123.678).toFixed(1); // 123.7 (123.678).toFixed(2); // 123.68 (123.678).toFixed(3); // 123.678 (123.678).toFixed(4); // 123.6780 typeof (123.678).toF.. JavaScript/JavaScript 문법 2021. 12. 24.

• 

  [JavaScript]객체를 배열로 변환하는 방법 이번 포스팅에서는 JavaScript에서 객체를 배열로 변환하는 방법들을 소개합니다. 고전적인 방법 JavaScript에서 객체를 배열로 변환하는 고전적인 방법은 객체의 속성을 반복적으로 접근하여 push() 함수로 배열에 값을 추가하는 방법입니다. 다음은 객체의 key(속성명)를 배열로 변환하는 예제입니다. let strObj = { A : 'A string', B : 'B string', C : 'C string' }; let strArr = []; for (let objKey in strObj) { if(strObj.hasOwnProperty(objKey)) { strArr.push(objKey); } } console.log(strArr); // ['A', 'B', 'C'] 객체의 key(속성명).. JavaScript/JavaScript 문법 2021. 12. 24.

• 

  [JavaScript]Date 객체 유효성 체크 이번 포스팅에서는 JavaScript에서 Date 객체가 유효한 값을 가지는지 체크하는 방법을 소개합니다. 목차 isNaN() 함수와 instanceof 연산자 isFinite() 함수와 instanceof 연산자 isNaN() 함수와 instanceof 연산자 instanceof 연산자와 isNaN() 함수를 같이 사용하여 Date 객체의 유효성을 체크할 수 있습니다. instanceof 연산자는 객체의 타입을 확인할 수 있는 연산자로 boolean 값을 반환합니다. 다음은 JavaScript의 객체의 타입을 instanceof 연산자로 확인하는 예제입니다. new Date() instanceof Date // true new Array() instanceof Array // true new Strin.. JavaScript/객체 2021. 12. 23.

• 

  [JavaScript]Date와 new Date 차이점 이번 포스팅에서는 Date, Date(), new Date()의 차이점을 소개합니다. 목차 Date Date() new Date() Date ECMAScript의 타입에는 Date 타입이 존재하지 않으며, 아래 8개의 타입이 존재합니다. undefined null boolean string symbol number bigint object 값의 타입을 반환하는 typeof 연산자는 값의 정확한 타입을 반환하지 않는 문제가 있습니다. typeof 연산자로 null의 타입을 확인하면 'object'가 반환되지만, instanceof 연산자로 null 타입이 Object인지 확인하면 false가 반환됩니다. typeof null // 'object' null instanceof Object // false E.. JavaScript/객체 2021. 12. 22.

• 

  [JavaScript]물음표 사용 방법, Null 병합 연산자, 옵셔널 체이닝 이번 포스팅에서는 JavaScript의 물음표(?)를 사용하는 사례를 설명합니다. JavaScript에서 물음표를 잘 활용하면 코드를 좀 더 간결하게 작성할 수 있습니다! 조건부 삼항 연산자( ? : ) 조건부 삼항 연산자는 JavaScript뿐만 아니라 다른 프로그래밍 언어에서도 사용되는 연산자입니다. 조건부 삼항 연산자는 전통적인 조건문 if...else문의 약어입니다. if...else문 대신 조건부 삼항 연산자를 사용하면 코드가 더 간결해지고 깔끔해 보입니다. ▶ 조건부 삼항 연산자 구문 조건 ? A : B; 조건이 true면 A가 반환되고 조건이 false면 B가 반환됩니다. 위 조건부 삼항 연산자를 if...else문으로 작성하면 다음과 같습니다. if (조건) { return A; } els.. JavaScript/JavaScript 문법 2021. 12. 22.

• 

  [JavaScript]문자열을 숫자로 변환 이번 포스팅에서는 JavaScript에서 문자열을 숫자로 변환하는 몇 가지 방법을 소개합니다. 단항 연산자( +, - ) + 연산자는 피연산자를 Number 타입으로 변환하며 - 연산자는 피연산자를 음수인 Number 타입으로 변환합니다. 단항 연산자는 문자열에 따라 정수 또는 부동 소수점 숫자로 자동 변환합니다. 그리고 문자열이 아닌 true, false, null도 숫자로 변환됩니다. 단항 연산자가 숫자로 해석할 수 없으면 NaN을 반환합니다. console.log(+'10'); // 10 console.log(-'10'); // -10 console.log(+'123.456'); // 123.456 console.log(-'123.456'); // -123.456 console.log(+true);.. JavaScript/JavaScript 문법 2021. 12. 22.

• 

  [TypeScript]Any 타입을 대체하는 방법 TypeScript에서 변수 또는 객체의 타입을 선택하기 어려운 경우 가장 편리한 방법은 any 타입을 사용하는 것입니다. any 타입을 사용하는 것은 경우에 따라 올바른 선택일 수도 있지만, any 타입을 사용하지 않고 더 유용한 방법으로 타입을 정의할 수 있습니다. 이번 포스팅에서는 TypeScript에서 any 타입을 대체할 수 있는 방법들을 소개합니다. 목차 Union Type 배열(Array)을 사용 unknown Type Union Type TypeScript에서 함수의 매개변수를 any 타입으로 정의할 수 있습니다. 예를 들어 금액을 매개변수로 받아서 1원 단위를 절사 하는 함수를 작성한다고 가정합니다. 함수로 전달되는 금액은 일반적으로 number 타입이겠지만, string 타입으로 전달될.. TypeScript 2021. 12. 21.

• 

  [TypeScript]인덱스 시그니처(Index Signature) 사용 방법 인덱스 시그니처(Index Signature)이란? 인덱스 시그니처(Index Signature)는 { [Key: T]: U } 형식으로 객체가 여러 Key를 가질 수 있으며, Key와 매핑되는 Value를 가지는 경우 사용합니다. 이번 포스팅에서는 인덱스 시그니처(Index Signature) 사용 방법을 소개합니다. 목차 인덱스 시그니처를 사용하는 이유 인덱스 시그니처 사용 방법 인덱스 시그니처 주의사항 인덱스 시그니처를 사용하는 이유 인덱스 시그니처는 객체가 형식이며 Key와 Value의 타입을 정확하게 명시해야 하는 경우 사용할 수 있습니다. 다음과 같이 급여와 관련된 객체가 존재합니다. let objSalary { bouns: 200, pay: 2000, allowance: 100, incent.. TypeScript 2021. 12. 21.

• 

  [TypeScript]Record Type 사용 방법 Record Type이란? TypeScript는 Version 2.1부터 Utility Type인 Record Type을 도입했습니다. Record Type은 Record 형식으로 키가 Key이고 값이 Type인 객체 타입입니다. 이번 포스팅에서는 Record Type을 사용하는 방법을 소개합니다. 목차 Record Type vs Index Signature keyof와 Record Type을 같이 사용 Record Type vs Index Signature TypeScript에서 인덱스 시그니처(Index Signature)는 대괄호로 객체를 접근하는 방법입니다. 다음은 인덱스 시그니처를 사용하여 객체를 생성합니다. type humanInfo = { [name: string]: number }; let.. TypeScript 2021. 12. 21.