전체 글787

• 

  [TypeScript]타입스크립트 게터(getter), 세터(setter) 구현 기존 JavaScript에서는 클래스 개념이 존재하지 않았는데, ECMAScript 6을 시작으로 JavaScript에서도 클래스를 구현할 수 있습니다. 즉, JavaScript에서도 객체 지향 프로그래밍 패러다임을 사용하여 애플리케이션을 개발할 수 있습니다. 클래스의 멤버 변수를 접근하기 위해 멤버 변수에 public 접근자를 사용하여 객체명.멤버변수와 같이 접근할 수 있습니다. 하지만 멤버 변수의 접근자를 public으로 설정하면 정보은닉에 위반되므로 올바른 방법이 아닙니다. 멤버 변수의 정보은닉을 지키기 위해서는 접근자를 private로 설정하고 멤버 변수의 값을 호출하는 게터(getter)와 값을 설정하는 세터(setter)를 구현합니다. 이번 포스팅은 TypeScript에서 게터(getter)와.. TypeScript 2021. 9. 15.

• 

  [TypeScript]타입스크립트 제네릭 함수(Generic Function) 제네릭(Generic)은 C#과 Java와 같은 객체지향 프로그래밍에서 사용하는 기법입니다. 메서드 매개변수의 구체적인 타입을 기재하지 않고 다양한 타입을 처리할 수 있는 기술이며, 제네릭을 잘 사용한다면 코드의 재사용성을 높일 수 있습니다. 이러한 제네릭은 타입을 엄격하게 처리하는 TypeScript에서도 사용할 수 있으며, 함수, 인터페이스, 클래스의 재사용성을 높일 수 있습니다. 이번 포스팅에서는 타입스크립트에서 제네릭 기법을 사용하여 함수를 구현하는 방법에 대해 정리하였으며, 이론적으로 설명하기에는 한계가 있어서 코드 위주로 정리하였습니다. 목차 제네릭(Generic) any 타입의 문제점 제네릭 화살표 함수(Generic Arrow Function) 제네릭(Genric) 다음은 매개변수를 그대로.. TypeScript 2021. 9. 14.

• 

  자바 온라인 컴파일러 사이트 추천 Java를 사용하여 프로그램 또는 웹 사이트를 개발하는 경우에는 개발 환경을 셋팅해야 합니다. 하지만, 학습 또는 과제를 목적으로 간단한 코드를 작성하기 위해서 Java를 설치하고 이클립스와 같은 개발 툴을 설치하는 작업은 굉장히 번거롭습니다. 이러한 번거로움을 줄이고자 웹에서 간단한 코드를 작성 후 실행 가능한 온라인 컴파일러 사이트들이 많이 나오고 있습니다. 이번 포스팅에서는 웹에서 자바로 작성한 코드를 컴파일 가능한 사이트를 소개합니다. compilejava Online Java IDE www.compilejava.net 특징 로그인 필요 없음 JAR 파일 생성 여러 개의 클래스 생성 가능 기능 java 파일을 추가하여 여러 개의 클래스를 작성할 수 있습니다. 코드를 실행합니다. 작성한 코드를 UR.. 기타 2021. 9. 14.

• 

  [TypeScript]타입스크립트 물음표(?), 선택적 프로퍼티, 옵셔널 체이닝 타입스크립트(TypeScript)는 타입에 엄격한 프로그래밍 언어이므로 객체 프로퍼티의 타입을 정의했으나 값을 할당하지 않는 경우 에러가 발생합니다. 이러한 경우 선택적 프로퍼티(Optional Properties) 문법을 사용하여 해결할 수 있습니다. 선택적 프로퍼티로 구현된 프로퍼티는 값을 할당하지 않아도 문제가 없습니다. 물음표(?)는 선택적 프로퍼티뿐만 아니라 옵셔널 체이닝(Optional Chaning)에도 사용 가능합니다. 프로퍼티가 null 또는 undefined인 경우 undefined를 반환하는 문법입니다. 이번 포스팅에서는 물음표(?)가 사용되는 선택적 프로퍼티(Optional Properties)와 옵셔널 체이닝(Optional Chaning)에 대해 정리하였습니다. 선택적 프로퍼티(.. TypeScript 2021. 9. 14.

• 

  [TypeScript]객체(Object) 타입 정의 타입스크립트(TypeScript)는 자바스크립트(JavaScript)에 비해 타입을 엄격하게 처리하므로 변수 또는 객체를 선언할 때, 타입을 정의해야 합니다. 객체의 타입을 정의하는 방법은 interface와 type이 존재하는데, 대부분의 TypeScript 개발자들은 확장성이 좋은 interface 사용을 권장합니다. 하지만, 타입이 심플하거나 절대 변경되지 않는 경우에는 type을 사용하여 객체의 타입을 정의하기도 합니다. 이번 포스팅에서는 interface와 type을 사용하여 객체의 타입을 정의하는 방법 그리고 중첩된 객체의 타입을 정의하는 방법을 정리하였습니다. 일반 객체 타입 정의 object는 interface, class의 상위 타입입니다. Java에서 최상위 클래스가 Object 클래스.. TypeScript 2021. 9. 13.

• 

  [TypeScript]타입스크립트 느낌표(!) 사용 JavaScript 또는 다른 프로그래밍 언어에서 느낌표(!)는 주로 False를 의미하는 연산자입니다. 하지만, TypeScript에서 변수 뒤에 느낌표(!)를 사용하여 다른 용도로 사용할 수 있는데요. Null이 아닌 어선셜 연산자(Non-null assertion operator) 또는 확정 할당 어선셜(Definite Assignment Assertions) 용도로 사용할 수 있습니다. 이번 포스팅에서는 TypeScript에서 느낌표(!)가 False의 용도가 아닌 다른 용도로 사용하는 경우를 정리하였습니다. Null이 아닌 어선셜 연산자(Non-null assertion operator) Null이 아닌 어선셜 연산자는 피연산자가 null이 아니라고 컴파일러에게 전달하여 일시적으로 Null 제약.. TypeScript 2021. 9. 13.

• 

  [C#]문자열 나누기(Split), 자르기(Substring) 문자열을 분리하거나 또는 잘라야 하는 경우 Split() 메서드와 Substring() 메서드를 사용할 수 있습니다. Split() 메서드는 특정 문자열을 기준으로 문자열을 구분하며, SubString() 메서드는 지정된 위치에서 지정된 수만큼 문자열을 자르는 역할을 담당합니다. 이번 포스팅에서는 Split() 메서드와 Substring() 메서드 사용 방법을 정리합니다. 목차 Split 메서드 Split 메서드 오버로드 Substring 메서드 Split 메서드 Split() 메서드는 문자열을 특정 문자 또는 문자열을 기준으로 분리합니다. 분리된 문자열은 배열로 반환되며, 전화번호에서 '-'를 기준으로 문자열을 분리하거나 이메일에서 '@'를 기준으로 문자열을 분리하는 경우 사용할 수 있습니다. 기본 사.. C#/문자열 2021. 9. 12.

• 

  [C#]컬렉션, 큐(Queue) 자료구조 .NET 프레임워크가 제공하는 컬렉션 클래스에서 큐(Queue)를 소개합니다. Queue는 먼저 들어온 값이 먼저 나중에 나가는 FIFO(First In First Out)이라 부르는 자료 구조입니다. 대기열처럼 먼저 기다리는 사람이 먼저 입장하는 구조이며, Queue는 어떠한 작업을 순서대로 처리해야 하는 경우 사용됩니다. Queue는 ArrayList와 마찬가지로 크기가 자동으로 늘어나며, 타입이 서로 다른 값을 추가할 수 있습니다. 위 사진에서 볼 수 있듯이 Queue에 값을 추가하는 경우 Enqueue() 메서드를 사용하며, Queue에서 값을 제거하는 경우 Dequeue() 메서드를 사용합니다. 이번 포스팅에서는 큐(Queue) 컬렉션을 다루는 방법을 정리하였습니다. 목차 Queue 생성 Que.. C# 2021. 9. 11.

• 

  [C#]컬렉션, 스택(Stack) 자료구조 .NET 프레임워크가 제공하는 컬렉션 클래스에서 스택(Stack)을 소개합니다. 스택은 먼저 들어온 값이 나중에 나가는 FILO(First In Last Out)이라 부르기도 하며, 나중에 들어온 값이 먼저 나가는 LIFO(Last In First Out)라고 부르는 자료 구조입니다. 이론적인 내용은 구글에 검색하면 많이 나오기 때문에 생략하겠습니다. Stack은 ArrayList와 마찬가지로 크기가 자동으로 늘어나며, 타입이 서로 다른 값을 추가할 수 있는 자료 구조입니다. 이번 포스팅에서는 스택(Stack) 컬렉션을 다루는 방법을 정리하였습니다. 목차 Stack 생성 Stack 초기화 Stack에 값 추가 Stack에 값을 제거 Stack 생성 우선, 컬렉션인 Stack을 사용하기 위해 System... C# 2021. 9. 11.

• 

  [C#]컬렉션, ArrayList .NET 프레임워크가 제공하는 컬렉션 클래스에서 배열과 유사한 ArrayList를 소개합니다. 배열은 정해진 크기만큼 값을 추가할 수 있으며, 동일한 타입만 다룰 수 있습니다. 하지만, ArrayList는 크기가 자동으로 늘어나며, 타입이 서로 다른 값을 추가할 수 있는 자료 구조입니다. 이번 포스팅에서는 배열에 비해 유용한 ArrayList를 다루는 방법을 정리하였습니다. 목차 ArrayList 생성 ArrayList 초기화 ArrayList에 값 추가 ArrayList에 값을 제거 ArrayList 생성 우선, 컬렉션인 ArrayList를 사용하기 위해 System.Collections를 using문에 추가합니다. using System.Collections; ArrayList 객체는 일반 객체를 생.. C# 2021. 8. 28.

• 

  [C#]문자열(String)이 null인지 공백인지 확인하는 방법 C#에서 문자열이 null인지 빈 문자열인지 혹은 공백문자인지 확인하는 방법이 있습니다. IsNullOrEmpty 메서드를 사용하여 null인지 공백("")인지 확인할 수 있으며, IsNullOrWhiteSpace 메서드를 사용하여 null인지 공백문자인지 확인할 수 있습니다. 이번 포스팅에서는 IsNullOrEmpty 메서드와 IsNullOrWhiteSpace 메서드의 사용 방법을 정리합니다. 목차 IsNullOrEmpty 메서드 IsNullOrWhiteSpace 메서드 IsNullOrEmpty 메서드 IsNullOrEmpty 메서드는 문자열이 null 또는 빈 문자열("")인 경우 true를 반환하며, 그렇지 않으면 false를 반환합니다. Console.WriteLine("String.IsNullO.. C#/문자열 2021. 8. 26.

• 

  [JavaScript]==, === 차이 JavaScript에서 값을 비교하기 위해 == 연산자와 === 연산자를 사용합니다. 두 연산자는 값이 일치하면 true를 반환하며, 값이 일치하지 않으면 false를 반환합니다. 이번 포스팅에서는 == 연산자와 === 연산자에 대해 정리합니다. 목차 == 연산자 === 연산자 == 연산자 JavaScript는 타입 변환에 대해 유연하게 동작합니다. == 연산자는 두 피연산자의 값의 타입이 다를 경우 자동으로 일부 피연산자의 타입을 변환 후 값을 비교합니다. 타입을 비교하지 않으므로 === 연산자에 비해 느슨하다고 할 수 있습니다. 10 == 10 // true 10 == '10' // true true == 1 // true true == '1' // true true == 'true' // false.. JavaScript/JavaScript 문법 2021. 8. 25.