프로젝트 (19) 썸네일형 리스트형 리액트 네이티브 앱을 재시작하지 않고 일부분만 업데이트해 보자 (2. 코드 설명) 이전 편에서 소개한 dynamic-module-federation-example 프로젝트는 네비게이션을 제외하면 직접 제작한 react-native-dynamic-module-federation 라이브러리를 사용하는 코드밖에 없습니다. dynamic-module-federation-example/modules/react-native-dynamic-module-federation at main · JoonDong2/dynamic-module-federation-Contribute to JoonDong2/dynamic-module-federation-example development by creating an account on GitHub.github.com 따라서 react-native-dynamic-.. 리액트 네이티브 앱을 재시작하지 않고 일부분만 업데이트해 보자 (1. 프로젝트 소개) 목차요약최종 결과물소스코드 및 재현 방법테스트 환경문제 인식5-1. 업데이트=재시작5-2. 재시작이 필요한 업데이트의 문제점 5-2-1. 근본적인 문제 5-2-2. 기존 상태 소실해결 방법6-1. Module Federation 도입6-2. Module Federation 변조프로젝트 구조사용예마치며1. 요약리액트 네이티브 앱을 재실행없이, 앱 사용중(스크린 스택 등 기존 상태 유지)에 부분 업데이트할 수 있는 방법을 소개합니다. 마치 헐크 버스터가 "싸움 도중에" 신체의 일부를 교체하는 것 처럼요. 2. 최종 결과물host 앱과 number 앱을 독립적으로 실행number 앱을 로컬에서 변경하고 확인number 앱을 번들링하여 배포 서버에 업로드host 앱에서 업데이트 버튼을 클릭하면, 재시작 없이.. 리액트 네이티용 Module Federation 원래 리액트 네이티브는 metro라는 자체 번들러를 사용했기 때문에, 개발자가 개입할 수 있는 방법이 제한적이었습니다. 그런데 callstack 팀에서 리액트 네이티브를 위한 webpack인 repack과 리액트 네이티브를 위해 약간 수정된 ModuleFederationPlugin까지 개발해 주었습니다.목차1. 오리지널 Module Federation과 차이 1-1. Federated.importModule 1-2. Resolver 1-3. Host - Host 역할 - Host 제약 1-4 eager2. 정리3. 마치며1. 오리지널 Module Federation과 차이1-1. Federated.importModule오리지널(브라우저용) Module Federation에선 외부 모.. Module Federation 코드를 일일이 설명하면 저도 힘들고 보는 사람도 힘들기 때문에, 간단한 예제로 전반적인 실행 흐름과 그 사이의 중요한 로직 위주로 설명하겠습니다. 목차필요성예제실행 흐름정리마치며1. 필요성모든 앱에는 항상 변경(change)이 발생합니다.그리고 앱의 규모가 커질 수록 변경에 따른 부수효과(side effect)가 발생할 가능성이 커집니다.앱을 여러 개의 도메인으로 분리하고, 각 도메인을 하나의 미니 앱이 담당한다면, 개발자가 신경써야할 부분과, 실수 가능성을 최소화할 수 있을 것입니다.참고거대한 서비스 쪼개서 마이크로 프런트엔드 만들기 - NHN 클라우드Webpack 5 Module Federation으로 Micro-Frontends 운영하기2. 예제app2가 노출하는 sayHello 모듈을 app1이 .. [1등 오답노트] 입체 자르기 추가 1등 오답노트 사용 시간은 대부분 저녁 시간대인데, 이 시간에 문제를 수직 각도에서 촬영하면 그림자가 생길 가능성이 높습니다. CamScanner같은 스캔 앱에서는 기울여서 그리림자 없이 촬영한 후에 Perspective Crop 기능으로 수직 각도에서 촬영한 것처럼 변환시킬 수 있습니다. 1등 오답노트에 Perspective Crop 기능이 없는 것이 아쉬웠습니다. Scanbot 리액트 네이티브 라이브러리가 있지만 무료가 아니었습니다. 최소 2만 유로부터 시작하는데 부담스러운 가격입니다. 무료인 react-native-perspective-image-cropper 라이브러리도 있지만, 인터페이스도 별로고, 안드로이드에서 테스트해보니 이상한 영역이 크롭되어 사용하지 못했습니다. 그래서 직접 만들었고, 코.. [App] 1등 오답노트 출시 학생이나 고시생을 위한 오답노트 앱입니다. 최대한 단순하면서도 많은 정보와 기능을 담으려고 노력했습니다. 아래 랜딩페이지에서 기본 정보와 스토어로 이동할 수 있는 버튼이 포함되어 있습니다. 일등오답노트 편리함 1등 기능도 1등 오답노트 앱 xn--o80b61as7bhx6adrbf25a.kr 모든 기능을 어떻게 구현했는지 자세히 설명하지는 않고, 주요 기능에 어떤 라이브러리를 사용하고 고려했으며, 구현할 때 겪었던 문제나 고민을 위주로 말씀드리겠습니다. 사용자 인터페이스 사용자가 정리한 오답들을 구글 Keep처럼 2열로 벽돌 쌓듯이 보여줍니다. 하지만 ScrollView 안에서 그냥 쌓기만 하면 안됩니다. 50~100개가 넘어가면 특히 안드로이드에서 버벅거리기 때문입니다. (탈락) FlatList는 다중 .. [App] 뉴스 매니저 출시 이번엔 1등 오답노트의 베이스가 되었던 뉴스 매니저라는 앱과 제작 후기를 소개해 보려고 합니다. 뉴스 매니저 정말 쉬운 뉴스 관리 앱.직관적인 뉴스 관리 App. 스크랩한 기사를 한 눈에 확인할 수 있습니다. 자주 찾는 언론사를 즐겨찾기에 추가해 보세요. 내가 활동한 내용을 한 눈에 확인할 수 있어요. 나 xn--vg1b7f65r8vjcwg.kr 뉴스 매니저 소개 구글 Keep을 뉴스 스크랩 앱으로 재구성했고, 여기에 소셜 기능을 추가했습니다. 다른 뉴스 앱보다 시각화와 북마크 기능에 중점을 두었습니다. 내부 브라우저에서 사용자가 자주 찾는 언론사를 즐겨찾기에 추가하고, 맘에 드는 기사를 요약 정보와 함께 스크랩하여 메모 형태로 저장해 주는 유틸리티입니다. 버튼은 왠만하면 아래에 배치하였고, 개수를 최소.. [자체제작] 유튜브 플레이어 HTML 파싱을 사용했는데 유튜브 코드가 변했는지 현재 작동하지 않습니다. (2021.04.14) 코딩하면서 화면 구석에 놓고 보려고 만든 유튜브 플레이어입니다. 아래 github에서 소스코드를 확인 및 다운로드받을 수 있습니다. github.com/JoonDong2/electron-youtube-player JoonDong2/electron-youtube-player Contribute to JoonDong2/electron-youtube-player development by creating an account on GitHub. github.com 윈도우 전용이고 맥은 메뉴 설정을 조금 해야하는데 시간되면 맥용으로도 만들어 보겠습니다. 화면이 완전히 로드되야 광고 스킵 기능이 적용됩니다. 주요기능 .. 이전 1 2 3 다음 목록 더보기
