Develop(18)
-
[타입스크립트] Number 타입
TypeScript에서 숫자(Number)는 실수와 정수를 포함하는 기본 타입입니다. JavaScript와 마찬가지로 TypeScript에서도 모든 숫자는 부동 소수점 숫자입니다. 이는 TypeScript가 IEEE 754 표준을 따르는 64비트 부동 소수점 숫자를 사용한다는 것을 의미합니다. Number 타입 선언 숫자 연산 함수에서 숫자 사용 숫자 관련 메서드JavaScript의 Number 객체 메서드를 TypeScript에서도 사용할 수 있습니다.toFixed(): 소수점 이하 자릿수를 지정하여 숫자를 문자열로 반환합니다. 주로 금액이나 정확한 소수점 값을 표시할 때 유용합니다.toExponential(): 숫자를 지수 표기법으로 변환하여 문자열로 반환합니다. 이는 매우 큰 숫자나 매우 작은 숫..
2024.07.03 -
[타입스크립트] Boolean 타입
TypeScript에서 불리언(Boolean)은 참(true) 또는 거짓(false) 값을 가지는 기본 타입입니다. 불리언 타입은 논리적 조건을 나타내거나 제어 흐름에서 중요한 역할을 합니다.Boolean 타입 선언TypeScript에서 불리언 타입은 boolean 키워드를 사용하여 선언합니다. 기본적인 불리언 변수 선언 조건문에서의 불리언 사용 함수에서 불리언 타입 사용 객체에서 불리언 속성 사용 불리언 타입 변환 결론TypeScript에서 불리언 타입은 논리적인 참 또는 거짓을 나타내는 데 사용됩니다. 불리언 타입은 조건문, 함수의 반환 값, 객체의 속성 등 다양한 곳에서 사용되어 코드의 논리적 흐름을 제어하고 가독성을 높이는 데 중요한 역할을 합니다. TypeScript의 불리언 타입을 사용하면 코..
2024.07.03 -
[타입스크립트] 소개
TypeScript는 Microsoft에서 개발한 오픈 소스 프로그래밍 언어로, JavaScript의 *슈퍼셋입니다.*슈퍼셋이란, 기존 언어의 문법과 기능을 포함하면서 추가적인 기능을 더한 언어를 의미합니다.따라서 모든 JavaScript 코드는 유효한 TypeScript 코드이기도 합니다.TypeScript는 JavaScript의 단점을 보완하고 대규모 애플리케이션 개발을 쉽게 할 수 있도록 도와줍니다.특히, 정적 타입 검사와 최신 ECMAScript 기능을 지원하여 더 안전하고 효율적인 코드를 작성할 수 있습니다. TypeScript의 주요 특징 정적 타입 시스템TypeScript의 가장 큰 특징은 정적 타입 시스템입니다. 이는 컴파일 타임에 타입 오류를 잡을 수 있게 해주며, 개발자가 의도하지 않..
2024.07.03 -
[타입스크립트] 타입스크립트 핸드북 공부를 시작하며
안녕하세요 케빈입니다 :) 타입스크립트를 사용한지 2년이 되었지만,아직 표준 정보를 기반으로 공부를 해보지않아서 덩어리로 채워져있던 제 Typescript지식을 한단계 더 발전시키고 지반을 다지기위해서 Handbook 스터디를 해보려고 합니다. 이번 스터디를 통해서 다음과같은 목표를 이루고자 합니다.1. 기본적인 타입스크립트 사용법을 체득하고 앞으로의 복잡한 타입관계에대한 응용력 확대2. 타입가드, 글로벌타입 등 타입스크립트 고급사용법에대한 이해와 사용법을 익히고 어떻게 사용할수있을지 고민해보기3. 타입스크립트를 시작하는 사람에게 설명하기위한 방법과 비유를 고민해보기 학습은 항상 베품으로 이어져야한다고 생각합니다.내가 학습한것을 공유하고 그들에게 정확하세 설명하였을때 지식나눔도 되지만 머릿속에서 더 나은..
2024.06.27 -
뒤로가기 버튼 클릭시 앱이 크래시 나는경우(iOS EXC_BAD_ACCESS)
react-native-gesture-handler를 사용해야하는 경우가 생겨서 react-native-reanimated를 추가했는데 빌드후 이전에는 나타나지 않았던 react-navigation의 stack뒤로가기 클릭시 앱이 꺼져버리는 버그가 생겼다. 이 버그는 Android에는 나타나지않았고, iOS에서만 나타나는 버그였고 패키지를 하나씩 지우고 깔면서 Reanimated에 문제가 있다는걸 알게되었다. 해당 문제는 react-native-reanimated의 3.4.1버전의 문제였고, 현재 제일 안정된 버전인 3.3.0으로 버전을 수정하니 해결되었다. 3.3.0 -> 3.4.0으로 넘어가면서 엄청 많은 패치가있었는데 해당 패치로 현재 깃헙에도 이슈가 많이 생겼다. react-native-reani..
2023.08.06 -
react-native-track-player 세팅하기 #1
React Native Track Player(RNTP)를 이용하여 백그라운드 모드에서도 음악을 재생할 수 있는 음악플레이어 앱을 만들려고 합니다! 이 글은 세팅과정에 관련한 부분만을 다루고있습니다! RNTP는 EventListner함수들을 통해서 앱내부 및 외부에서 이벤트를 전달받아 관련한 기능들을 수행하는 형태로 되어있습니다. 해서 ReactNative의 최상층이라고 할 수 있는 index.js에서 RNTP를 위한 서비스를 등록하고 시작하여야 합니다. TrackPlayer를 불러온 다음 registerPlaybackService를 통해서 재생 시 실행할 서비스파일을 등록해 줍니다. 플랫폼 세팅으로는 iOS의 경우 Xcode를 켜서 백그라운드모드를 추가해 주고 거기서 Audio, AirPlay, and..
2023.08.02