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

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

안녕하세요 홍벨로퍼입니다! 오랜만에 인사드리는것 같네요! 오랜만에 돌아온만큼 재미있는 프로젝트를 진행해보려고 합니다! 개인적으로 토스앱을 정말 사랑하고 그만큼 많이 애용하고있는데요 😘 그래서 토스앱에서 사용하고있는 TDS를 직접 최대한 카피해서 만들어보고 공유하고자 합니다! 그래서 오늘은 토스의 버튼 디자인 시스템을 같이 관찰해보고 분석한뒤, React-Native로 재사용할수있는 컴포넌트를 만들어봅시다! 앱 살펴보기 토스 앱에는 화살표와 함께 동작하는 버튼이 있습니다. 이 버튼은 누르게되면 살짝 작아졌다가 다시 튕겨져 나오는 행동을 보이고있는데요 예전부터 이 통통 튀는 UI를 만들어서 재사용해보고 싶다는생각이 들었었습니다! 토스 앱 분석 개발에 앞서 먼저 UI를 분석을 해봅시다! 먼저 해당 컴포넌트의 ..