전체 글

1. 개요React Native는 그동안 bridge방식을 이용해 iOS, Android cross platform을 구현했다.하지만 최신 React Native는 더이상 bridge방식을 이용하지 않고 JSI(Javascript Interface)를 이용한다.이번 글에서는 새로운 아키텍쳐와 특징, 이에 따른 이점을 간단하게 정리해보았다. 2. JSI란?JSI는 Javascript Interface의 약자로, React Native 0.76버전부터 새롭게 도입된 아키텍쳐이다.bridge기반 아키텍쳐의 한계를 극복해내기 위해 개발되었으며 Javascript와 Native간의 통신 방식을 개선했다. 3. JSI로 인한 개선점과 특징bridge아키텍쳐에선 React Native와 Native플랫폼이 비동기 방..

최초 작성일 : 2024.11.22최종 수정일 : 2024.11.22 1. 개요서비스를 만들다 보면 SVG파일을 사용해야 할 경우가 잦다.SVG파일을 이용하다보면 코드로 간편하게 사용하고싶을 때가 있는데, 이 때 사용할 수 있는 라이브러리를 소개한다!개인적으로도 거의 필수로 이용하고 있는 라이브러리이다. 2. react-native-svgreact-native-svg라이브러리는 React Native에서 SVG파일을 이용할 수 있게 해주는 라이브러리이다.https://github.com/software-mansion/react-native-svg GitHub - software-mansion/react-native-svg: SVG library for React Native, React Native We..

1. 개요Typescript는 강력한 타입 시스템을 통해 코드의 안정성과 가독성을 높인다.그리고 열거형 데이터를 사용할 때 Enum보다 효율적인 Literal Types을 지원하고 있다.Enum과 Literal Types를 비교하고 왜 Literal Types를 사용하는것이 더 나은 선택이 될지 알아보자! 2. Enum이란?Enum은 Typescript에서 지원하는 기능으로 보통 상수 집합을 정의할 때 사용한다.아래와 같은 방식으로 사용할 수 있다.enum Day { Monday = "MON", Tuesday = "TUE", Wednesday = "WED", ...}const today: Day = Day.Monday;console.log(today); // "MON" 3. 왜 Enum이 좋은 선..

1. 개요Javascript에서 객체 deepcopy를 위해 보통 아래의 방법을 이용한다.const obj = {...}; // 원본 객체const newObj = JSON.parse(JSON.stringify(obj)); // 복사된 객체하지만 이 방법은 무거운 작업이라 영 못미더운 점이 있다.이런 문제를 해결하기 위해 재귀함수를 이용하거나 lodash와 같은 라이브러리를 이용하는데 이는 번거로운 작업의 추가로 느껴진다.그래서 나온것이 structuredClone()함수이다. 2. structuredClone()structuredClone()함수는 structured clone algorithm을 이용해 deep copy(깊은 복사)를 수행한다.이는 Json을 이용한 방법보다 효율적이다.structur..