Redux - A predictable state container for JavaScript apps. Redux는 JS로 만든 애플리케이션들을 위한 예측 가능한 상태의 저장소라고 자신을 소개한다. 예측 가능한 SW 개발 시 가장 큰 위험은 복잡성인데, 그 이유는 눈에 보이지 않기 때문이다. 이는 개발자가 슬럼프에 빠지는 원인이 되기도 하고 개발자와 경영자 사이를 멀어지게 이간질 하기도 한다. 또 엄청난 자본과 인력을 투입한 차세대 프로젝트들이 실패로 돌아가는 것도 바로 이 복잡성 때문이다. 따라서 우리는 더 복잡한 애플리케이션을 만들기 위해 코드의 복잡성을 낮추고 싶어진다. Redux는 애플리케이션의 복잡성을 획기적으로 낮춰서 우리의 코드가 어떤 결과를 가져올 지 예측 가능하게 만들어주는 도구이다. ..

TypeScript 입문 수업을 마치며 TypeScript는 정적 타입 검사를 제공하여 코드의 품질과 안정성을 향상시키며, 개발 과정에서 오류를 방지할 수 있도록 도와준다. 지금까지 TypeScript의 기본 사항을 배웠다. 하지만 TypeScript는 더 많은 고급 기능을 제공하며, 이를 이용하면 코드를 더욱 강력하고 유연하게 만들 수 있습니다. 인터페이스 제네릭 네임스페이스와 모듈 타입 가드와 타입 단언 맵드 타입과 조건부 타입 유틸리티 타입 타입스크립트와 함께 사용되는 라이브러리 및 프레임워크 이러한 고급 주제들을 통해 TypeScript를 더 깊게 이해하고, 코드의 효율성과 품질을 더욱 향상시킬 수 있다. 앞으로 TypeScript를 학습하며 프로젝트를 더 발전시킬 수 있을 것이다! 참고자료 생활..

TypeScript에서 Type Aliases Type Aliases는 TS에서 기존 타입에 사용자 정의 이름을 부여할 수 있는 방법이다. 코드의 가독성을 높이고 복잡한 타입 구조를 단순화할 수 있다. Type Aliases는 원시 데이터 타입, Array, Tuple, 객체, 함수 등 다양한 타입에 적용할 수 있다. 1. 원시 데이터 타입의 별칭 TS에서 원시 데이터 타입의 별칭을 사용하면 특정 데이터 타입을 명확히 표현할 수 있다. type Age = number; const myAge: Age = 30; 위처럼 age와 같은 숫자를 나타내는 변수를 다룰 때, number 대신 Age라는 별칭을 사용할 수 있다. 2. Array와 Tuple, 객체, 함수에 적용한 사례 Array, Tuple, 객체,..

TypeScript에서 함수의 데이터 타입 TS에서 함수를 사용할 때, 매개변수와 반환 값에 대한 데이터 타입을 지정할 수 있다. 이를 통해 코드의 안정성과 가독성이 높아진다. 예제 1: 매개변수와 반환 값의 데이터 타입 지정 function add(a: number, b: number): number { return a + b; } 위의 함수는 두 개의 숫자를 매개변수로 받고, 두 숫자의 합을 반환한다. 이때 각 매개변수와 반환값에 데이터 타입을 지정해줬다. 예제 2: 선택적 매개변수 사용하기 함수에서 일부 매개변수는 선택적으로 받고 싶을 때, 매개변수 뒤에 '?'를 사용한다. function greet(name: string, greeting?: string): string { if (greeting..

TypeScript에서 객체의 데이터 타입 객체의 데이터 타입을 정의하려면, 타입 주석을 사용하여 객체의 속성과 해당 속성의 데이터 타입을 명시하면 된다. 객체의 데이터 타입을 지정하는 것은 개발자가 코드를 더 명확하게 이해하고, 에러를 줄이는 데 도움이 된다. // js const user = { name: "John", age: 25 }; // ts const user: {name: string, age: number} = { name: "John", age: 25 }; 위 코드에서 user 객체를 생성할 때 타입 주석을 사용하여, 객체의 속성 name이 문자열이고, 속성 age가 숫자인 것을 명시했다. 이를 통해 객체의 속성과 데이터 타입이 올바르게 지정되었는지 확인할 수 있다. 만약 user 객체..

TypeScript에서 Array와 Tuple의 데이터 타입 TS는 JS의 타입을 확장하여 개발자에게 더 강력한 타입 검사와 편의성을 제공한다. 여기서는 TS에서 Array와 Tuple의 데이터 타입을 다루는 방법과 차이점에 대해 간략하게 다뤄보자! 1. Array 타입 TS에서 배열 타입을 선언하는 방법은 두 가지가 있다. 1) 타입 + [ ] // 첫 번째 방법: 타입 + [] let arr1: number[] = [1, 2, 3]; 2) Array // 두 번째 방법: Array let arr2: Array = [1, 2, 3]; 두 가지 방법 모두 동일한 결과를 가져오며 개인의 취향에 따라 선택할 수 있다. 2. Tuple 타입 Tuple은 고정된 길이와 타입의 배열이다. 각 요소의 타입과 순서가..