# reactnative

381개의 포스트
post-thumbnail

[PBB(2)] 앱📱 만드는데 왜 프론트엔드 개발자를 뽑을까? | Web ➡️ App 개발기

지금이 내가 해보고 싶은 것들을 실현하는 기간이라 하더라도 "프론트엔드 개발자에게 앱을 만드는 경험이 과연 필요할 것인가?" 라는 의문점이 생겼다. 리액트 네이티브를 사용하여 나의 첫 앱 개발을 하기로 결정하게된 과정을 이 글에서 설명하려 한다.

약 22시간 전
·
0개의 댓글
·

TIL: RN, typescript | dotenv - 221003

react native에서 env 사용을 위해 라이브러리를.. react-native-dotenv

어제
·
0개의 댓글
·

error: RN | pod install error

CocoaPods could not find compatible versions for pod

3일 전
·
0개의 댓글
·
post-thumbnail

[ReactNative]앱 업데이트 이후 라이브 앱에서만 꺼지는 상황

합병관련 개인정보 이관 알림 업데이트 이후 앱이 종료되는 현상개발할때는 아무 문제없었음identifier가 각각 dev,qa,production의 파일들을 모두 dev, qa , production 로 모두 빌드 해보았으나 아무런 문제가 발생하지 않던 일...

3일 전
·
0개의 댓글
·

TIL: RN | Image resizing, Button style - 220928

기본 사용react native의 Image 컴포넌트 속성인 resizeMode를 이용하면이미지를 쉽게 resizing 할 수 있다resizeMode='contain'contain으로 설정 시 전체 이미지 크기를 바깥 영역 크기에 fit하게 맞춘다resizeMode='

6일 전
·
0개의 댓글
·

ReactNative: OS별 status bar 설정하기 - 220926

iOS와 Android의 status bar 설정이 다르다..SafeAreaView에 backgroundColor를 주면 StatusBar까지 색이 들어간다\-> 상태바가 분리된 영역이 아니라 root 영역에 아이콘만 들어간 느낌\-> 상태바에 색을 주려면 전체 영역에

2022년 9월 26일
·
0개의 댓글
·
post-thumbnail

TIL: RN 배달앱 클론코딩 | 기본 프로젝트 구조와 index.js - 220926

native 폴더로각각의 언어를 알지 못하면 다루기 어렵기 때문에최대한 수정하는 일이 없이 작업할 수 있도록 하는 것이 좋다역시나 react, typescript 등을 제외하면 대부분 native이기 때문에 수정할 일이 없음metro 서버가 웹의 webpack dev

2022년 9월 26일
·
0개의 댓글
·
post-thumbnail

TIL: RN 배달앱 클론코딩 | 프로젝트 시작하기 - 220926

npm startnpm run iosnpm run androidiOS와 Android가 조금씩 다를 수 있기 때문에시뮬레이터, 에뮬레이터 모두 켜고 코드를 작성하는 편이 좋다안드로이드는 안드로이드 스튜디오에 Nexus, Pixel, Fold 등이 등록되어 있음비율 맞는

2022년 9월 26일
·
0개의 댓글
·
post-thumbnail

TIL: RN 배달앱 클론코딩 | 환경설정(3) - 220926

info.plist 에서 프로젝트 폴더명으로 되어있는 string을 '배달앱 클론코딩'으로 변경했음\-> 시뮬레이터에서도 똑같이 이름이 변경된다Xcode에서 workspace를 열고현재 프로젝트 명 클릭,general -> Identfier 에 가면 Bundle Ide

2022년 9월 26일
·
0개의 댓글
·

The Rule of Native

<div>를 사용할 수 없다.대신 <view> 를 사용한다.그리고 항상 import 해줘야 한다.기본적으로 모든 view는 Flex Container 이다.Flex container의 기본 값은 column이다. (웹에서는 row)ex)import { Sty

2022년 9월 25일
·
0개의 댓글
·
post-thumbnail

React Native

2015년 페이스북이 개발한 오픈 소스 모바일 애플리케이션 프레임 워크이다. 애플리케이션을 개발하기 위해 사용하며, 개발자들이 네이티브 플랫폼 기능과 더불어 리액트를 사용할 수 있게 한다. Swift, Objective-C, java, Kotlin 등을 사용하지 않아도

2022년 9월 25일
·
0개의 댓글
·

bug: RN | 시간 함수 내에서의 setState() 사용 시 간헐적 실행 취소 후 2회 연속 실행 됨 (진행중)- 220924

setState()에서 사용하고 있는 값을 객체에 넣어서 업데이트 시킨다면 어떨지매 번 update되기 때문에 배치 작업에 대한 issue인지 아닌지 확인 가능할듯rquestAnimationFrame() 내부에서 setState()를 이용해View width를 조절하는

2022년 9월 24일
·
0개의 댓글
·

error: RN | no bundle url present ios - 220922

허무하지만 리액트 네이티브 업그레이드를 해주니 해결...

2022년 9월 24일
·
0개의 댓글
·

error: RN | Error when use useNativeDriver in React Native Animated (ReactNative 애니메이션)- 220921

react-native에서 빌트인으로 제공하는 animation 라이브러리 버전이 안맞는지 에러가 뜬다useNativeDriver를 true로 주면 해결...

2022년 9월 22일
·
0개의 댓글
·

error: RN | What is the meaning of 'No bundle URL present' in react-native? - 220920

React Native가 이미 실행중인 경우에 발생하는 에러 같다다음과 같이 오류 No bundle URL present를 해결하십시오.프로젝트 루트 디렉토리에서 다음 명령을 실행하여 iOS 빌드 디렉토리를 삭제하고 재빌드하기 전에 다른 React Native 세션(

2022년 9월 21일
·
0개의 댓글
·

zsh: command not found: expo

리액트 네이티브를 공부하는 과정에 expo를 설치하고 사용하려는 과정에서 에러가 발생했다.나는 M2 맥북 에어를 사용중인데 알아보니 애플 실리콘의 경우 경로 설정에 문제가 있어서 정상적으로 작동하지 않는 듯 하다.이 문제를 해결 하기 위해 아래 방법을 순서대로 터미널에

2022년 9월 21일
·
0개의 댓글
·

error: RN | info You can disable it using "--no-jetifier" flag. · info JS server already running. - 220917

js server가 이미 백그라운드에서 실행중이기 때문에종료 후 재시작 해줘야한다..한참 후에다시 android를 실행하면 원하는 결과를 얻을 수 있다

2022년 9월 19일
·
0개의 댓글
·

TIL: RN | SafeArea - 220916

react-nativeiOS version 11 이상에서 적용되는 View 영역 노치 등 하드웨어 장치의 화면 경계 내에서 콘텐츠를 렌더링 하는 것react-native-safe-area-contextroot(App.tsx)에 추가해야하는 요소react-native-s

2022년 9월 16일
·
0개의 댓글
·

TIL: RN | ReactNavigation / Nesting navigators (1) - 220915

네비게이터 중첩은 다른 네비게이터의 화면 내에 또 다른 네비게이터를 렌더링 하는 것을 의미한다위의 예에서 Home component는 Tab 네비게이터를 포함한다Home 구성 요소는 App 구성 요소의 내부 stack 탐색기에서 Home 화면에서도 사용된다Tab nav

2022년 9월 15일
·
0개의 댓글
·

TIL: RN, TS | ReactNavigation Type checking (5) Specifying default types - 220915

useNavigation, Link ref 등의 API들에 수동으로 annotating을 하는 대신 기본 type으로 사용될 root navigator에 대해 전역 type을 선언할 수 있다전역 type을 사용하기 위해 코드 어딘가에 다음의 코드를 추가해야 한다Root

2022년 9월 15일
·
0개의 댓글
·