[야호]2022.1.31 개발로그

Ina·2022년 2월 1일
0

프로젝트

목록 보기
17/18
post-thumbnail

이미지 로딩처리

  • loading ? <LoadingComponent/> : <Image/>
    위와같이 코드 작성시 image 컴포넌트 호출 자체가 되지 않으므로 loading == true 상태로 남아 있게 된다.
    ➡️ 이미지 위에 로딩컴포넌트를 겹치도록 레이아웃을 만들고, image 호출이 완료되었을 때 (onLoadEnd 이벤트 호출됨) 이미지를 보여주도록 한다.
	<Div onPress={onPress} relative>
            <ImageBackground
                source={{
                    uri: uri,
                }}
                style={{ aspectRatio: 10 / 4, marginTop: 0, width: "100%" }}
                onLoadStart={() => setLoading(true)}
                onLoad={() => setLoading(false)}
                onLoadEnd={() => setLoading(false)}
                relative
                zIndex={1}
            >
                {loading && <Div style={{ aspectRatio: 10 / 4, marginTop: 0, width: "100%" }} relative zIndex={10} flex itemsCenter justifyCenter>
                    <ActivityIndicator size="small" color={varStyle.gray500} />
                </Div>}
            </ImageBackground>

        </Div >

텍스트 말줄임표 처리

  • 매우 간단! numberOfLines에 라인수만 적어주면 된다.
<Text numberOfLines={1} ellipsizeMode='head'>long long long long text<Text>

Error

갑자기 prettier를 못 찾아

  • yarn add some-package 하는데 위 에러가 뜬다 ㅠ
  • eslint 지우고, prettier 다시 깔고 나니 다시 된다.
  • 발생한 이유는 최근데 lint 관련 패키지를 전역으로 재설치했었던 것 같은데(이마저도 확실치 않음) 그래서 링크가 엉킨 것이 아닌가 싶다?

npx audit --fix 후 podfile을 못 찾아

  • react-native 업그레이드 0.61 -> 0.67로 업그레이드하여 fix됨. 무슨 상관관계일까

AppDelegate.m 에 AppCenter추가

#import <AppCenterReactNative.h>
#import <AppCenterReactNativeAnalytics.h>
#import <AppCenterReactNativeCrashes.h>

위 import 문의 위치를 if 문 아래에 넣었더니 import 자체가 되지 않아 빌드 실패 반복!

  • 터미널에서 빌드하니 object C 컴파일 에러인데 구체적으로 어느 라인인지 알려주지 않아서 오랜만에 xcode를 켜고 빌드 -> 에러 메시지로 단서 얻고 해결!

(To Do) 강제 업데이트 & 코드푸시 추가

(To Do) Bottom Modal 라이브러리로 교체

기존 Bottom Modal 레이아웃을 flexible하게 짜두지 않아서 세로로 긴 화면에서 어그러짐. 안정적으로 라이브러리 사용하는 것으로 결정함!

(To Do) Calendar&Date time Picker 라이브러리로 교체

기존 것 캘린더 사용성이 좋지 않음. iOS/Android system picker 기반 라이브러리로 교체 필요!

(To Do) 라이브러리 설치 & 코드푸시 세팅까지 해서 심사 맡기기

버그 수정 빠르게 코드푸시로 fix할 수 있도록 셋업

profile
프론트엔드 개발자. 기록하기, 요가, 등산

0개의 댓글