숨참고 개발다이브

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 에러 해결 하지만 해..

현재 업무 프로젝트에서는 Redux를 사용 중인데, 서비스의 기능과 규모가 커질수록 redux, saga로 인해 코드가 복잡해지는 느낌이 있었다. 이를 개선하기 위한 방법을 고민하게 되었고, 국내 빅테크 기업에서도 React Query로의 전환 사례가 적지 않게 보여 react-query 적용을 결정하게 되었다. 적용 전, react query에 대해 다시 정리하고 공부하는 시간을 가지게 되었다. HTML 삽입 미리보기할 수 없는 소스 우아한 테크세미나 영상 https://www.youtube.com/watch?v=MArE6Hy371c 상태관리 상태란? 주어진 시간에 대해 시스템을 나타내는 것으로 언제든지 변경될 수 있음 즉 문자열, 배열, 객체 등의 형태로 응용 프로그램에 저장된 데이터 ⇒ 관리해야하는..

https://github.com/immerjs/use-immer GitHub - immerjs/use-immer: Use immer to drive state with a React hooks Use immer to drive state with a React hooks. Contribute to immerjs/use-immer development by creating an account on GitHub. github.com A hook to use immer as a React hook to manipulate state. ⇒ immer 라이브러리를 기반으로 만들어진 React 환경에서 상태 관리를 할 수 있는 훅이다. 특징 use-immer의 특징은 다음과 같다. 복잡한 상태 업데이트: 상태가 ..

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..