오늘은 배열(Array)타입에 대해서 알아보고자 합니다!배열은 평소 프로그래밍 중 아주 자주쓰이는 타입중 하나인데요!게시글 리스트를 불러오거나, 같은 구조의 어떤 특정한 데이터를 많이 불러올때 자주쓰입니다! 아마 배열이없다면 수많은 데이터 불러오기가 불가능할수도 있을것 같습니다 그럼 배열 타입을 한번 알아봅시다. TypeScript의 배열 (Array)TypeScript에서 배열(Array)은 동일한 타입의 데이터를 순차적으로 저장할 수 있는 자료구조입니다. 배열은 JavaScript의 배열과 유사하지만, TypeScript는 배열의 요소 타입을 명확하게 정의할 수 있어 타입 안전성을 제공합니다. 배열을 선언하는 방법TypeScript에서 배열을 선언하는 방법은 두 가지가 있습니다:타입 뒤에 대괄호([]..

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의 가장 큰 특징은 정적 타입 시스템입니다. 이는 컴파일 타임에 타입 오류를 잡을 수 있게 해주며, 개발자가 의도하지 않..

React-Native 에서 타입스크립트로 프로젝트를 만드는 방법을 설명해보겠습니다! npx react-native init yourappname --template react-native-template-typescript 먼저 npx 를 통해서 react-native 의 최신버전을 받아오고, yourappname 자리에 여러분의 프로젝트 이름을 적어주세요! 뒤에 --template 부분에서는 어떤 템플릿을 적용할지 적는 부분인데, react-native-template-typescript를 작성하고 엔터! 😁 Github 주소 : https://github.com/react-native-community/react-native-template-typescript GitHub - react-native..

안녕하세요 😊 케빈입니다 🙏 제가 요즘 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..