본문 바로가기
728x90

프로그래밍90

[Typescript] 고급 타입 : 제네릭, 매핑 타입, 조건부 타입 들어가며타입스크립트는 기본적인 타입 외에도 고급 타입 시스템을 제공하여 유연하고 확장성 있는 코드를 작성할 수 있도록 돕습니다. 이번 글에서는 다음 주요 개념들을 다룹니다:제네릭(Generic) : 재사용 가능한 타입 정의매핑 타입(Mapped Types) : 타입 변환 및 생성조건부 타입(Conditional Types) : 타입 수준에서의 논리 처리이를 통해 복잡한 데이터 구조와 다양한 상황에 적합한 타입을 다룰 수 있습니다.1. 제네릭(Generics)1-1. 제네릭이란 무엇인가?제네릭은 데이터의 타입을 고정하지 않고, 사용하는 시점에서 지정할 수 있는 재사용 가능한 타입 정의입니다. [typescript]function identity(value: T): T {   return value; } c.. 2024. 12. 21.
[Typescript] 인터페이스와 클래스 : 구조적 타이핑과 객체지향 패턴 들어가며타입스크립트는 인터페이스(Interface)와 클래스(Class)를 통해 객체의 구조와 동작을 명확히 정의할 수 있습니다. 인터페이스는 데이터 구조를 정의하고, 클래스는 객체의 상태와 행동을 구현합니다. 객체지향 프로그래밍(OOP) 패러다임을 따르는 타입스크립트는 상속, 캡슐화, 다형성과 같은 개념을 활용해 복잡한 애플리케이션을 설계할 수 있도록 돕습니다.이번 글에서는 인터페이스와 클래스의 개념, 활용법, 그리고 이를 활용한 실용적인 예제를 다룹니다.1. 인터페이스(Interface)1-1. 인터페이스란 무엇인가?인터페이스는 객체의 구조를 정의하는 데 사용됩니다. 이를 통해 객체가 가져야 할 속성과 메서드를 지정할 수 있습니다. [typescript]interface User {   id: num.. 2024. 12. 20.
[Typescript] 타입 시스템 이해 : 정적 타입으로 안전한 코드 작성 들어가며타입스크립트의 가장 큰 장점은 강력한 타입 시스템입니다. 타입 시스템은 코드에서 데이터의 형태를 명시적으로 정의하고, 잘못된 데이터나 로직으로 인한 오류를 사전에 방지합니다. 이번 글에서는 타입 추론, 명시적 타입 선언, 유니온 타입과 인터섹션 타입, 타입 별칭 등을 사용하여 타입스크립트의 기본 원리를 이해하고, 실용적인 예제를 통해 실습해봅니다.1. 타입 추론(Type Inference)과 명시적 타입 선언1-1. 타입 추론타입스크립트는 대부분의 경우 변수의 타입을 자동으로 추론합니다. [typescript]let message = 'Hello, TypeScript!'; // 타입 추론: string let age = 25; // 타입 추론: number 위 예제에서 message는 자동으로 s.. 2024. 12. 18.
[Typescript] 타입스크립트 기초 입문 : 타입스크립트를 시작하기 위한 첫걸음 들어가며타입스크립트(TypeScript)는 자바스크립트에 정적 타입을 추가한 언어로, 대규모 애플리케이션 개발에서 안전성과 유지보수성을 크게 향상시켜줍니다. 자바스크립트를 기반으로 하고 있기 때문에 기존의 자바스크립트 코드를 그대로 사용할 수 있으면서도, 타입 검사를 통해 런타임 오류를 줄이고 IDE 지원을 강화합니다.이 글에서는 타입스크립트를 처음 접하는 분들을 위해 다음을 다룹니다:타입스크립트란 무엇이며, 왜 사용하는가?개발 환경 설정 및 기본 컴파일 과정 이해기본 타입(문자열, 숫자, 불리언 등)과 간단한 예제이 과정을 통해 타입스크립트를 설치하고, 간단한 코드를 작성하며, 타입스크립트 개발 환경에서의 워크플로를 익혀봅니다.1. 타입스크립트란 무엇인가?타입스크립트는 자바스크립트의 상위 집합(Supe.. 2024. 12. 15.
[Javascript] 학습 로드맵 & 참고자료 : 자바스크립트 여정을 지속적으로 발전시키기 들어가며이제 기초 문법부터 시작해서 핵심 문법 심화, 브라우저 환경 이해, 문제 해결 및 디버깅, 실전 프로젝트, 프레임워크 & 라이브러리 기초까지 탄탄히 살펴보았습니다. 하지만 프로그래밍 학습은 여기서 끝나지 않습니다. 기술은 끊임없이 진화하고, 새로운 도구와 패러다임이 등장합니다. 중요한 것은 스스로 발전할 수 있는 능력을 기르는 것입니다.이 글에서는 그동안 학습한 내용을 토대로 로드맵을 제안하고, 신뢰할 수 있는 레퍼런스, 강의, 책, 커뮤니티를 소개합니다. 이를 통해 독자는 원하는 분야로 더 깊이 파고들거나, 새로운 기술 스택을 탐색하는 등 지속적인 성장을 도모할 수 있습니다.1. 학습 로드맵 정리 : 초급 → 중급 → 고급1-1. 초급 단계 (기본기 다지기)목표 : 자바스크립트 문법 이해, DO.. 2024. 12. 8.
[Javascript] 프레임워크 & 라이브러리 기초 : 생산성과 확장성으로 가는 길 들어가며자바스크립트의 기초 문법과 브라우저 상호작용, 비동기 프로그래밍, 실전 프로젝트 경험까지 쌓았다면, 이제 다음 단계로 나아갈 수 있습니다. 바로 **프레임워크(Framework)와 라이브러리(Library)**를 활용하는 것입니다. 대규모 애플리케이션을 효과적으로 구조화하고, 생산성과 재사용성을 극대화하기 위해 많은 개발자들은 프레임워크나 라이브러리를 적극 활용합니다.이 글에서는 가장 널리 사용되는 프론트엔드 프레임워크(React, Vue.js)와 자바스크립트 런타임(Node.js)을 소개한 뒤, axios와 lodash 같은 유명 라이브러리를 통해 일상적인 개발 작업을 간소화하는 방법을 살펴봅니다. 이를 통해 자바스크립트 생태계 전체를 조망하고, 단순히 언어를 아는 것을 넘어 현대적인 개발 패턴.. 2024. 12. 8.
728x90

티스토리툴바