본문 바로가기

분류 전체보기129

[React Native] Expo Push Notification ** 모든 과정은 google play console 과 apple developer 결제 완료 및 project 등록 후 진행한 내용입니다. 개요기기 정보와 Firebase Cloud Messaging(FCM) 또는 Apple Push Notification Service(APNs)와의 통신에 대한 모든 것이 백그라운드에서 처리된다.먼저, 내 기기에서 backend 서버로 알림 요청을 보내면 expo push token 이용하여 Expo backend로 푸시알림을 받는다.android는 Firebase Cloud Messaging(FCM) ios는 Apple Push Notification Service(APNs)이용하여 알림 전송한다. 설정 과정https://docs.expo.dev/push-noti.. 2024. 9. 20.
[TypeScript] 타입 단언, 타입 가드, 타입 호환 타입스크립트를 오래 사용해 왔지만 가끔 까먹는 내용때문에 막힐때마다 시간낭비하고 싶지 않아서 공부한 내용을 정리하고 포스팅하려고 한다. 타입을 명시하는 타입 단언(Assertion) 유니온 등에서 타입의 경우를 좁혀가는 타입 가드(Guard) 타입 간의 호환성을 판단하는 타입 호환(Compatibility) 위 세 개 항목에 대해 정리해보겠다. 💜 타입 단언 [변수] as [타입] 타입 단언이란, 타입스크립트가 추론하지 못하는 타입을 개발자가 직접 명시해주는 문법이다. 컴파일러가 실제 런타임에 존재하는 변수 타입과 다르게 추론하거나, 너무 보수적으로 추론하는 경우 개발자가 수동적으로 조작하기 위해 사용한다. 타입 단언은 Type Casting 과는 달리, 실제 데이터 타입을 변경하지 않고 에러만 방지한다.. 2024. 4. 12.
[React Query] React query 뿌수기 React Query는 서버 상태 관리를 위한 라이브러리이다. 데이터 Fetching, Caching, 동기화, 서버 데이터 업데이트 등을 쉽게 만들어 준다. 리액트 쿼리를 사용하는 이유 간편한 데이터 관리: 데이터 가져오기, 캐싱, 동기화 및 업데이트 처리를 간편하게 할 수 있다. 실시간 업데이트 및 동기화 데이터 캐싱: 불필요한 api 요청을 줄인다. 서버 상태 관리: 로딩중, 에러, 성공 등의 상태를 간편하게 처리 할 수있다. 간편한 설정: @tanstack/react-query @tanstack/react-query-devtools 를 설치 한 후 최상위 컴포넌트에 QueryClientProvider 로 감싸주면 끝난다. React Query 의 라이프 사이클 쿼리 인스턴스가 mount됨 네트워크.. 2024. 4. 9.
[Bun] Bun 이란? Bun 설치 및 사용법 Bun 이란? node.js, deno 와 같이 javascript runtime 패키지 중 하나이다. Bun의 공식 홈페이지에 의하면 pnpm보다l 17배, yarn보다 33배, pnpm보다 17배 빠르다고한다. 1. node.js C++을 기반으로 개발한 오픈 소스로, javascript라는 언어를 JIT컴파일러를 기반으로 기계어로 해석해주는 V8엔진을 통해 빌드된 javascript 런타임 환경이다. 2. deno deno는 node환경에 여러 문제(보안, async, typescript 등)를 해결하기 위해 나왔다. V8엔진과 Rust, Typescript를 기반으로 작성하여 안정성이 높고, 패키지 의존성을 내부로 옮겨 npm이 필요 없고, 컴파일 없이 Typescript를 지원하고 있다! 3. .. 2024. 4. 8.