숨참고 개발다이브

iOS Privacy Manifest 애플이 WWDC23에서 개인정보 보호를 위해 API 오용을 방지하기 위해 사용하는 이유를 개발자가 명시하도록 발표했다. 앱이 앱 사용자의 개인정보를 보호하도록 하는 조치이다. 앱이 사용자의 개인 정보를 취급하는 방식에 대한 개요를 사용자에게 제공하는 개인 정보 취급 개요표(Privacy Nutrition Label) 소개 내용은 링크 참조 2023년 가을부터 사유를 명시해야 하는 API(타사 SDK 포함)를 사용하는 새로운 앱 또는 앱 업데이트를 App Store Connect에 업로드하는 경우, 앱의 개인정보 보호 목록에 승인된 사유를 제공하지 않으면 알림을 받게 된다. 2024년 봄부터 App Store Connect에 새로운 앱 또는 앱 업데이트를 업로드하려면 ..

기본적으로 React Native 프로젝트의 .node-modules는 gitignore 에 등록되어 있다. 따라서 라이브러리의 내부 코드를 수정하면 협업 개발자들과 다른 시스템이 동작하게 된다. 이를 방지하기 위해 patch-package를 사용한다. 공식 문서 https://www.npmjs.com/package/patch-package patch-package Fix broken node modules with no fuss. Latest version: 8.0.0, last published: 8 months ago. Start using patch-package in your project by running `npm i patch-package`. There are 868 other proje..

React Native를 개발하다 보면, hermes engine이라는 단어가 많이 보인다. 그래서 hermes engine이 뭘까?? 공식 문서 https://reactnative.dev/docs/hermes Using Hermes · React Native Hermes is an open-source JavaScript engine optimized for React Native. For many apps, using Hermes will result in improved start-up time, decreased memory usage, and smaller app size when compared to JavaScriptCore. reactnative.dev Hermes란? hermes는 Fac..

removeClippedSubviews 공식 문서 https://reactnative.dev/docs/flatlist#removeclippedsubviews FlatList · React Native A performant interface for rendering basic, flat lists, supporting the most handy features: reactnative.dev removeClippedSubviews 속성을 true로 설정하면 화면 영역 밖에 있는 컴포넌트들을 자동으로 메모리에서 삭제한다. 기본적으로 React Native의 리스트나 스크롤뷰는 화면에 보이지 않는 항목들도 메모리에 유지하는데, 스크롤 동작이 부드럽게 유지되도록 하기 위한 것이지만, 많은 양의 아이템이 있는 경..

Typescript baseUrl 설정 기존에 컴포넌트 혹은 파일을 import 할 때 경로가 깊어질수록 상대경로가 길어지는 문제가 있다. import { SvgImageExample } from '../../assets/svgs'; 하지만 tsconfig.json의 baseUrl 속성을 사용해 절대경로를 지정하면 ‘../../’ 부분이 생략이 가능해진다. 나는 프로젝트 Root 하위에 src라는 폴더에서 코드를 관리하기 때문에 절대경로를 ‘./src’로 지정해 주었다. { "compilerOptions": { "baseUrl": "./src", } } 해당 속성을 지정해 주면 import 경로를 다음과 같이 가독성 좋게 변경할 수 있다. Unable to resolve module 에러 해결 하지만 해..

JS 패키지 매니저 자바스크립트에서 많이 사용하는 패키지 매니저는 'npm'과 'yarn'이 있다. 두 가지 모두 JavaScript 프로젝트에서 의존성 관리와 패키지 설치를 용이하게 해주는 도구이다. 패키지를 쉽게 찾고, 다운로드하며, 의존성을 해결하여 프로젝트에 통합할 수 있도록 도와주는 역할을 한다. npm (Node Package Manager) https://www.npmjs.com/ npm Bring the best of open source to you, your team, and your company Relied upon by more than 17 million developers worldwide, npm is committed to making JavaScript developmen..

이전글 👉🏻[React Native/RN] lodash 사용하기 (findIndex(), flatten(), remove() 사용해보기) [React Native/RN] lodash 사용하기 (findIndex(), flatten(), remove() 사용해보기) lodash 란? lodash는 JavaScript의 유틸리티 라이브러리 중 하나로, 개발에서 자주 사용되는 일반적인 작업을 간단하게 처리할 수 있는 메서드와 함수를 제공한다. lodash는 배열과 객체를 다루는 함수를 ramveloper.tistory.com debounce() 함수 debounce() 함수는 입력받은 함수를 주어진 시간만큼 대기시켜 실행한다. 대기 시간 동안 추가적인 입력이 없을 경우에만 입력된 함수를 실행한다. import..

lodash 란? lodash는 JavaScript의 유틸리티 라이브러리 중 하나로, 개발에서 자주 사용되는 일반적인 작업을 간단하게 처리할 수 있는 메서드와 함수를 제공한다. lodash는 배열과 객체를 다루는 함수를 포함하여 다양한 유틸리티 함수를 제공한다. 예를 들어, 배열의 요소를 반복하고 조작하는 함수, 객체를 다루는 함수, 함수를 조작하는 함수 등이 있다. lodash 설치 npm install lodash findIndex() 함수 findIndex() 함수는 배열에서 특정 조건을 만족하는 첫 번째 요소의 인덱스를 반환한다. import { findIndex } from 'lodash'; const array = [ { id: 1, name: 'Apple' }, { id: 2, name: '..