My Boundary As Much As I Experienced

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

레이아웃 이벤트(Layout Events)레이아웃이 바뀔 때 발생한다. 특히 컴포넌트가 처음 화면에 렌더링될 때처음으로 컴포넌트가 마운트되어 레이아웃 좌표가 생길 때 발생한다.그 외 컴포넌트의 크기나 위치가 변경될 때,화면 회전, 부모 레이아웃 변경, 스타일 변경 등으로 인해레이아웃이 다시 계산될 때 트리거된다.onLayout: 요소가 화면에 배치될 때 호출.레이아웃 이벤트 객체 타입: LayoutChangeEventnativeEvent:layout:x, y: 요소가 화면에 배치된 좌표.width, height: 요소의 크기.import React from 'react';import { View, Text } from 'react-native';const LayoutEventExample = () => ..

보호되어 있는 글입니다.

구현해야되는 기능:일기주제 페이지에서 스크롤을 내릴 때 배너를 숨겨야한다.그러나 (한참을 내렸어도) 살짝만 올리면 배너가 다시 노출되어야한다.    구현 아이디어:스크롤 애니메이션을 탐지하여스크롤을 아래로 내릴 때 헤더 높이만큼 배너를 올려주고,올릴 때 헤더 높이만큼 배너 높이만큼 배너를 내려준다. reanimated를 쓰는 이유? 나는 이 기능을 구현하기 위해 리액트네이티브에서 주로 쓰이는 애니메이션 라이브러리인ReactNative-reanimated를 사용하였다. RN에서 기본적으로 제공하는 animated API도 있긴하나이는 자바스크립트 모듈로 네이티브 모듈을 조작하는거기 때문에성능이 좋지않다고 한다. 앱에서 처리하고 있는 비즈니스 로직도 많은데애니메이션까지 자바스크립트 모듈로 처리해버리면앱의 메..

코드 푸시란?iOS/Android 심사를 거치지 않고 앱에 변경사항을 배포할 수 있는 기능이다.특히 RN의 JavaScript 및 이미지 리소스를 원격으로 업데이트해주는거라 보면 된다.     왜 쓰게 됐나? (내가 업데이트 해야됐던 것)최근 ANTTIME의 SHOP페이지 UI가 전면 개편되었다.(살 수 있는 항목이 늘었고, 아이템 잔량을 체크할 수 있게 되었고,긴 스크롤로 아이템들을 나열했던 방식을 탭으로 정리하였다.) 그런데 바뀐 Daily Free Box UI가 Clickable하지 않아보인다는 내부 의견이 나왔고,이 영역에 액션버튼을 달아주는 UI 패치를 진행하게 되었다. 이렇게 광고보고 무료로 얻을 수 있다는 것을 강조해주며,광고 10번 다 채웠을 시 24H Miner를 수령하세요가 나오고,수령..

오늘 신규앱을 내부 테스트로 임시 출시해봤는데.. 진짜 우당탕탕 문제의 연속이었다.대충 어떤 이슈였고 어떻게 해결했는지를 나열식으로 정리해본다.일단 일어난 현상만을 기록하는 느낌이고, 이 이슈들에 대한 깊은 이해도는 아직 없다는 점 참고 바란다. iOS 빌드 후 Applestore connect에 Distribution 시 겪은 에러× Asset validation failedInvalid MinimumOSVersion. Apps that only support 64-bit devices must specify a deployment target of 8.0 or later. MinimumOSVersion in 'todaysdiary.app/Frameworks/hermes.framework' is ".(..

많은 서비스들이 웹뷰를 쓴다. 특히 껍데기만 네이티브나 크로스플랫폼앱으로 만들고,안의 내용물들은 모두 웹뷰를 쓰기도 한다. 이런 경우 하이브리드앱이라고 부른다.하여튼 수많은 서비스들이 (그 양이 많든 적든) 일정부분 웹뷰를 활용해서 커버하는 부분이 있다.왜 이렇게 다양하게 웹뷰를 활용할까? 하이브리드 앱의 경우: 전체 서비스를 웹뷰로.1. 반응형 웹개발 내용을 앱으로 바로 포팅 가능요새 거의 모든 웹사이트들은 모바일웹 서비스를 따로두기보단 '반응형 웹'으로 여러 해상도를 커버한다.그런데 이를 모바일 앱에 바로 활용한다면? 그냥 앱개발을 따로 하지 않아도 된다는 엄청난 장점이 생긴다. 2. 웹 개발자 돌려쓰기 가능iOS/Android 개발자들 한 무더기 뽑고 웹개발자들도 뽑고... 이러지 않아도 된다.소수..

1. 스크린 이동하며 데이터를 같이 보내고 싶다면?리액트 네이티브 상에서 페이지 이동할 때 useNavigation을 이용해야 된다.import React from 'react';import { View, Text, Button } from 'react-native';import { useNavigation } from '@react-navigation/native';import { HomeScreenNavigationProp } from '../types';function HomeScreen() { const navigation = useNavigation(); return ( Home Screen navigation.navigate('Details') /..