React Native

👉🏻 금주부터 시작한 react native 학습, 아직 파일 생성 및 환경 설정이 익숙치 않아 프로젝트를 생성하며 진행한 과정을 기록하며, 익숙해지고자 한다.

👉🏻 React native 학습을 위해 간단한 todolist를 만들어 보고 있다. SafeInputView 컴포넌트와 같이 KeyboardAvoidigView 컴포넌트와 Pressale 컴포넌트를 이용해서 IOS에서 TextInput 컴포넌트를 사용할 때, "키

👉🏻 로그인 정보를 입력 후 로그인 버튼을 클릭하면, navigator를 통해 ListScreen 화면으로 이동하게 구현을 하였다. 이 때 헤더의 왼쪽 버튼을 클릭하면 다시 로그인 화면으로 돌아가는 문제가 생겼다. 로그인을 했음에도, 유저가 사용을 하다가 뒤로 가기

👉🏻 전일에 이어 로그인 여부에 따라 화면을 다르게 보여주는 부분에 있어, props drilling을 막고 데이터를 전달하는 방법으로 구현하기 위해 수정이 필요해보였다.그 과정에서 Context에 대해 학습이 필요했고, Context를 사용하여 수정한 내용을 정리

👉🏻 회원가입 페이지를 구현했는데, 안드로이드에서는 문제 없었지만 IOS에서는 위에서 보이는 것처럼 당겨져 움직이는 문제가 있었다. 본인의 경우에는 해당폼이 당겨질 필요가 없으니, 당겨지는 효과를 막아보고자 했다. 👉🏻 방법은 생각보다 간단했는데, <Sc

개발 환경 세팅(맥북)Expo 프로젝트 생성안드로이드 스튜디오(환경 세팅 재확인 필요)결과 영역과 버튼 영역 지정버튼 - 배치, 숫자 버튼, 3자리 끊어서 표시, 연산자 버튼, 연산 함수(+,-,=) 기능 구현Button, Input, Icon키보드 설정(키보드 입력시

👉🏻 글쓰기 버튼을 클릭하면 새로운 글 쓰기 화면이 아래 탭 내비게이터 전체를 가리면서 화면이 이동하게 만들고자 했다.그러나, 다른 화면들과 마찬가지로 탭 내비게이터가 존재 한 상태로 화면이 이동되는 문제가 생겼다. 이 문제를 해결하기 위해, 화면 위에 화면을 쌓는

→ 현재 안드로이드와 IOS 앱을 모두 개발해야하는 입장에서 앱 개발에 대한 정보를 항상 찾아보고 있는데, 이번에 서칭해보니 IOS 버전 16.4 출시되었다고 한다. 웹 개발자들이 오랫동안 기다려온 API 지원하는 버전인데, 지금까지 Apple은 IOS에서 PWA에 대

→ React Native에서는 iOS와 Android 각각에 대해 CSS 스타일을 지정할 수 있다. 현재 프로젝트에서도 iOS와 Android 둘다 고려하여 출시할 것이다. 이를 위해 React Native에서는 Platform API를 사용하여 현재 실행 중인

→ React Native Expo CLI에서 Touchable 컴포넌트와 Pressable 컴포넌트는 터치 이벤트를 처리하는 데 사용되는 컴포넌트이다. 현재 프로젝트에서 Button, Text 등 터치 이벤트가 필요한 모든 컴포넌트들을 Touchable 컴포넌트로 감

✔️ 무엇인지 → 지금 내가 사용하고 있는, React Native Expo CLI 앱에서 사용하는 AsyncStorage는 웹 브라우저의 localStorage와 유사한 기능을 제공하는 비동기적인 로컬 데이터 저장소이다. ✔️ 언제,어떻게 사용하는지 → Async