프론트엔드9 [TypeScript] 함수와 객체 타입 지정 TypeScript에서 함수와 객체는 자바스크립트의 핵심 단위이며, TypeScript는 이들에 명확한 타입을 지정함으로써 코드의 안정성과 가독성을 높인다. 함수의 매개변수(parameter)와 반환값(return type)에 타입을 명시하고, 객체의 속성(properties)에 타입을 선언함으로써 컴파일 시점에 오류를 사전에 방지할 수 있으며, IDE의 자동 완성 및 타입 추론 기능도 강화할 수 있다.1. 함수 타입 지정함수는 TypeScript에서 프로그램 로직의 기본 단위이기 때문에 이 함수에 명확한 타입을 선언하는 것이 TypeScript의 핵심이라 할 수 있다.1.1 기본 함수 타입 선언function add(x: number, y: number): number { return x + y;}x.. 2025. 4. 12. [TypeScript] 타입 종류 타입스크립트는 자바스크립트에 정적 타입을 부여하여 코드의 안정성과 가독성을 향상시키는 언어이다. 이전 글에서 다룬 타입스크립트의 핵심인 정적 타입 검사(Static Type Checking) 기능을 활용하기 위해서는 타입 지정이 필수이며 이 글에서는 지정 가능한 타입 종류들을 정리하며, 주요 항목에 대해서는 별도로 자세히 다루어 보겠다.1. 기본 타입 (Primitive Types)타입스크립트의 기본 타입은 자바스크립트의 타입을 그대로 지원한다. 아래는 기본적으로 지정되는 타입들이다. 각 타입들의 특징은 아래 글에서 확인 가능하다.[JavaScript] 자료형과 변수와 상수기본 타입 종류number: 모든 숫자 (정수, 부동소수점 등)string: 문자열boolean: 참/거짓 값null, undefin.. 2025. 4. 10. [TypeScript] 개념 정리 TypeScript는 Microsoft에서 개발한 정적 타입을 지원하는 JavaScript의 상위 집합(Superset) 언어다. 즉, JavaScript의 모든 문법을 그대로 사용할 수 있으며, 여기에 타입 시스템과 몇 가지 추가 기능이 포함되어 있다.TypeScript의 가장 핵심적인 특징은 정적 타입 검사(Static Type Checking) 기능이다. 이는 JavaScript의 동적 타이핑 언어로써의 단점을 보완하고 정적 타이핑 언어의 장점을 활용할 수 있는 유용한 언어이다. 이를 활용하면 코드 실행 전에 변수, 함수, 객체 등의 타입을 검사하여 오류를 사전에 방지할 수 있도록 해주며, 이는 개발 과정에서 버그를 줄이고, 코드의 안정성과 유지 보수성을 크게 향상시킨다. 또한, 코드 작성 시 에디.. 2025. 4. 1. [JavaScript] 특수 연산자 JavaScript는 기본 연산자 외에도 동적 타입 언어의 장점을 활용한 여러 연산자를 지원한다. 아래 테이블은 그 종류이며 하단에서 각각의 상세 설명을 확인할 수 있다.연산자설명예제typeof변수의 데이터 타입을 반환typeof "hello" → "string"instanceof객체가 특정 클래스의 인스턴스인지 확인obj instanceof Array → truein객체나 배열에 속성이 존재하는지 확인"key" in obj → truedelete객체의 속성을 삭제하거나 배열 요소를 제거delete obj.keyvoid표현식의 평가 결과를 무시하고 undefined 반환void 0 → undefined?.객체 속성 접근 중 null이나 undefined일 때 에러 방지obj?.key??null 또는 un.. 2024. 12. 5. [JavaScript] 기본 연산자와 우선순위 자바스크립트의 기본 연산자는 다른 언어와 크게 다르지 않으며 동적 타입 언어이기 때문에 타입을 비교하는 방식에서 정적 타입 언어와 비교된다. 아래는 자바스크립트의 기본 연산자 종류와 연산 우선순위를 테이블로 정리하였다.1. 연산자 유형1.1.산술 연산자값을 계산하는데 사용되는 연산자.연산자설명예시결과+덧셈5 + 38-뺄셈5 - 32*곱셈5 * 315/나눗셈6 / 32%나머지5 % 32**거듭제곱5 ** 2251.2. 비교 연산자두 값을 비교하여 논리값을 반환하는 연산자. 동적 타입 언어이기 때문에 타입까지 일치하는지 확인하는 엄격 비교 연산자와 값만 일치하는지 확인하는 비교 연산자가 나뉘어 있다.연산자설명예시결과==값이 같은지 비교'5' == 5true===값과 타입이 같은지 비교'5' === 5fals.. 2024. 12. 4. [JavaScript] 객체와 배열 JavaScript에서 객체와 배열은 데이터를 저장하고 조작하는 데 매우 중요한 역할을 한다. 객체는 키-값 쌍으로 데이터를 저장하며, 배열은 순서대로 데이터를 저장하는 리스트 구조이다. 둘 다 메모리로 관리되는 참조형 자료형으로 요소를 동적으로 변경 가능하고 여러 메서드도 지원한다.이 글은 이전 글인 [JavaScript] 자료형과 변수와 상수에 대한 배경지식 바탕으로 작성되었음을 참고하길 바란다.1. 객체 (Object)객체는 키(key)와 값(value)의 쌍으로 데이터를 저장하는 구조이다. 객체는 데이터를 체계적으로 표현하고 저장하는 데 적합하며, 속성(property)과 메서드(method)로 구성된다. 객체의 키는 문자열 또는 심볼(Symbol)이며, 값은 모든 데이터 타입이 될 수 있다. 이.. 2024. 11. 28. 이전 1 2 다음