code를 헤엄치는 인어공쭈

1. React Native란?React Native(RN)는 React 기반의 크로스플랫폼 모바일 앱 개발 프레임워크이다. JavaScript 및 TypeScript를 사용하여 iOS와 Android 앱을 동시에 개발할 수 있도록 해준다.주요 특징크로스플랫폼 개발: 하나의 코드베이스로 iOS, Android 동시 개발 가능네이티브 성능: React와 네이티브 코드를 결합하여 최적화된 성능 제공핫 리로드(Hot Reload): 코드 변경 시 앱을 새로 실행하지 않고 바로 반영풍부한 라이브러리 지원: Expo, React Navigation, Redux 등과 호환광범위한 커뮤니티: Meta 및 오픈소스 커뮤니티에서 활발히 유지보수됨 2. React Native의 기본 구조 React Native 앱의 주요..

리액트 상태 관리 라이브러리 Redux: Redux는 가장 널리 사용되는 상태 관리 라이브러리 중 하나. 애플리케이션의 전역 상태를 효과적으로 관리하고 변경 사항을 추적하기 위해 사용된다. Zustand: Zustand은 리액트 상태 관리를 위한 간단하고 직관적인 라이브러리. Zustand은 React Hooks와 함께 사용되며, 전역 및 로컬 상태를 관리하고 리액트 컴포넌트 간의 상태 공유를 용이하게 해준다. Recoil: Recoil은 페이스북에서 개발한 리액트 상태 관리 라이브러리이다. Recoil은 상태의 원자성과 종속성 추적을 위한 간단한 API를 제공하며, 상태를 효과적으로 관리하고 여러 컴포넌트 간에 공유할 수 있다. 이중에서 이번에 자세히 얘기할건 이번 프로젝트에서 도입될 Zustand 라..

Deview 는 미래에 향한 개발자들의 시선이 담긴 국내 최대 규모의 개발자 컨퍼런스이다. 국내외 개발자들이 모여 최고의 기술과 경험, 노하우를 나누며 함께 성장을 이어간다. 그 중 쿠팡 '박찬진' 님의 'SSR환경에서의 Micro-Frontend 구현과 퍼포먼스 향상을 위한 캐시전략' 대해서 살펴보겠다. 1. Monolithic Frontend 의 한계 - Monolithic은 하나로 짜여져 있는 스타일, 따라서 덩치가 커감에 따라 배포시간이 길어짐 => 트러블 슈팅 매우빈번, 모든 배포 대응, 전체 시스템 이해 필요 2. MFE - 왜 도입이 필요했을까? => 서비스 랜딩 페이지, 여러개의 위젯으로 구성, 외부팀으로 부터 신규 개발 요청, - 컨테이너 중심으로 각파트를 통합 => Mono-repo, ..