TypeScript에서 숫자(Number)는 실수와 정수를 포함하는 기본 타입입니다. JavaScript와 마찬가지로 TypeScript에서도 모든 숫자는 부동 소수점 숫자입니다. 이는 TypeScript가 IEEE 754 표준을 따르는 64비트 부동 소수점 숫자를 사용한다는 것을 의미합니다.  Number 타입 선언 숫자 연산 함수에서 숫자 사용 숫자 관련 메서드JavaScript의 Number 객체 메서드를 TypeScript에서도 사용할 수 있습니다.toFixed(): 소수점 이하 자릿수를 지정하여 숫자를 문자열로 반환합니다. 주로 금액이나 정확한 소수점 값을 표시할 때 유용합니다.toExponential(): 숫자를 지수 표기법으로 변환하여 문자열로 반환합니다. 이는 매우 큰 숫자나 매우 작은 숫..

TypeScript에서 불리언(Boolean)은 참(true) 또는 거짓(false) 값을 가지는 기본 타입입니다. 불리언 타입은 논리적 조건을 나타내거나 제어 흐름에서 중요한 역할을 합니다.Boolean 타입 선언TypeScript에서 불리언 타입은 boolean 키워드를 사용하여 선언합니다. 기본적인 불리언 변수 선언 조건문에서의 불리언 사용 함수에서 불리언 타입 사용 객체에서 불리언 속성 사용 불리언 타입 변환 결론TypeScript에서 불리언 타입은 논리적인 참 또는 거짓을 나타내는 데 사용됩니다. 불리언 타입은 조건문, 함수의 반환 값, 객체의 속성 등 다양한 곳에서 사용되어 코드의 논리적 흐름을 제어하고 가독성을 높이는 데 중요한 역할을 합니다. TypeScript의 불리언 타입을 사용하면 코..

TypeScript는 Microsoft에서 개발한 오픈 소스 프로그래밍 언어로, JavaScript의 *슈퍼셋입니다.*슈퍼셋이란, 기존 언어의 문법과 기능을 포함하면서 추가적인 기능을 더한 언어를 의미합니다.따라서 모든 JavaScript 코드는 유효한 TypeScript 코드이기도 합니다.TypeScript는 JavaScript의 단점을 보완하고 대규모 애플리케이션 개발을 쉽게 할 수 있도록 도와줍니다.특히, 정적 타입 검사와 최신 ECMAScript 기능을 지원하여 더 안전하고 효율적인 코드를 작성할 수 있습니다.  TypeScript의 주요 특징 정적 타입 시스템TypeScript의 가장 큰 특징은 정적 타입 시스템입니다. 이는 컴파일 타임에 타입 오류를 잡을 수 있게 해주며, 개발자가 의도하지 않..

안녕하세요 케빈입니다 :) 타입스크립트를 사용한지 2년이 되었지만,아직 표준 정보를 기반으로 공부를 해보지않아서 덩어리로 채워져있던 제 Typescript지식을 한단계 더 발전시키고 지반을 다지기위해서 Handbook 스터디를 해보려고 합니다. 이번 스터디를 통해서 다음과같은 목표를 이루고자 합니다.1. 기본적인 타입스크립트 사용법을 체득하고 앞으로의 복잡한 타입관계에대한 응용력 확대2. 타입가드, 글로벌타입 등 타입스크립트 고급사용법에대한 이해와 사용법을 익히고 어떻게 사용할수있을지 고민해보기3. 타입스크립트를 시작하는 사람에게 설명하기위한 방법과 비유를 고민해보기 학습은 항상 베품으로 이어져야한다고 생각합니다.내가 학습한것을 공유하고 그들에게 정확하세 설명하였을때 지식나눔도 되지만 머릿속에서 더 나은..

안녕하세요 😊 케빈입니다 🙏 제가 요즘 Typescript + ReactNative를 사용해서 개인적으로 앱을 만들고있는데요 useNavigation을 Typescript와 사용하면서 dynamic하게 변하는 param들을 screen에 맞게 type을 세팅해주고자할때 어떻게 해야할지 고민하고 적용한 사례를 공유하고자 합니다 👏 먼저 Typescript 쓰기전 코드를 공유하겠습니다 import { useNavigation } from '@react-navigation/native'; import React, { useCallback } from 'react'; import SliderBanner from '../components/SliderBanner'; const SliderBannerContaine..

React Navigation에 Typescript를 쓰기시작하면서 이전에 JSX에서 쓰던 그냥 일반 String타입이 아닌 navigation용으로 타입을 따로 재 정의해주어야한다! 이전 JSX에서는 import React, { useCallback } from 'react'; import { useNavigation } from '@react-navigation/native'; const HomeContainer = () => { const navigation = useNavigation(); const __onPressed = useCallback(() => { //이벤트 페이지로 이동하면서 어떤 이벤트를 보여줄지 알려주기 navigation.navigate('event', {key : 'ASD9f..