[RN] react-native 키보드 가림현상 - iOS
·
React Native
bottomModal에 textInput을 사용하여 정보를 입력할 수 있는 기능을 구현했다.그런데 bottomModal이 열리고, textInput에 focus를 주면위 사진과 같이 키패드가 컴포넌트를 가려버렸다..🙄 게다가 android는 키패드가 알아서 bottomModal을 위로 밀면서 나타나는데ios만 가림현상이 나타나서 분노..😤 해결방법와 를 사용해주면된다.그리고 에는 behavior라는 속성을 사용해서 padding을 주면 된다.   return ( );*전체 코드중 필요한 부분만 발췌했..
[RN] react-native useRef 사용방법
·
React Native
🐰: 구현하고자 했던 내용은 자동 스와이프 되는 Carousel 배너가다른 화면을 다녀오면 첫번째 배너로 초기화 되게 하는 기능을 구현하고자 했다.   UseRef 란? 참조를(reference)를 생성하고 관리하기 위해 사용되는 hook 이며, 함수형 컴포넌트 내에서 가변적인 상태를 유지하고 업데이트하는데 사용된다. import { useRef } from 'react'; //1. useState 상태 훅을 선언하여 //currentIndex: 현재 캐러셀의 인덱스를 저장하는 //setCurrentIndex: currentIndex를 업데이트 하는 함수 const [currentIndex, setCurrentIndex] = useState(0); //2.캐러셀 컴포넌트에 접근하기 위한 참..
[RN] react-native Linking 전화걸기, 문자, 메일보내기
·
React Native
React-Native에서는 전화 기능을 구현하려면 Linking이라는 라이브러리를 사용해야 한다.최상단에 Linking 라이브러리를 먼저 import해준다. import { Linking } from 'react-native';  1. 전화걸기 기능Linking.openURL(`tel:${전화번호 변수 or 지정할 전화번호}`)  2. 문자보내기 기능Linking.openURL(`sms:${전화번호 변수 or 지정할 전화번호}`)  3 .메일보내기 기능Linking.openURL(`mailto:${메일주소 변수 or 지정할 메일주소}`)  위와 같이 사용하면 iOS와 Android모두 정상작동한다.
[RN] react-native ScrollView
·
React Native
ScrollView란 ScrollView란, 데이터의 양이 많아 화면을 넘어가게 될 때, 스크롤이 생겨 화면을 넘길 수 있게 해주는 컴포넌트이다. ScrollView 컴포넌트가 스크롤되어 동작하기 위해서는 높이를 제한해주어야 한다. 높이 값이 제한되지 않은 자식이 있다면 부모의 높이로 제한된다.  가끔 ScrollView나 FlatList에서 scroll bar의 위치가 아래와 같이 엉뚱한 곳에 노출될 때가 있다.     그럴땐 위의 코드와 같이 ScrollView랑 FlastList 라이브러리 속성에scrollIndicatorInsets={{right: 0.1}} 을 사용해주면 오른쪽 끝으로 간다. scrollIndicatorInsets={{right: 0.1}}
[RN] react-native, No bundle URL present. error (iOS)
·
React Native
🐰: 리액트 네이티브는 너무 예민한 친구인거 같다.ios와 android를 따로 신경써줘야 하는것도 너무나 어렵다..🔥몇초 전까지 잘 진행되던 시뮬레이터가 갑자기 아래와 같은 error를 띄우면서 말을 듣지 않는다 ..나는 이제야 어디서 어떻게 오류가 나고 있는지 정도를 파악하는 수준이라처음 이 에러를 마주했을때는 정말 울고 싶었다..😶‍🌫️ 하지만! 지금은 내가 애용하는 4가지 방법이 있다. 1. Console창 명령어복잡해 보이지만, 명령어 한줄씩 보면 아주 간단하다 ! 1. 프로젝트 폴더 위치에서 ios폴더로 이동cd ios 2. build 삭제rm -rf build 3. build 설치pod install 4. ios 폴더 나가기cd ../ 5. 시뮬레이터 시작yarn ios     2. ..
[Git] git 명령어 모음
·
Git
명령어실행내용설명$ git init.git 하위 디렉토리 생성폴더를 만든 후, 그 안에서 명령 실행하면 새로운 git 저장소 생성$ git clone 기존 소스 코드 다운로드 및 복제 $ git clone /로컬/저장소/경로로컬 저장소 복제 $ git log 깃 내역 확인현재 위치한 브랜치 커밋 내용 확인 및 식별자 부여됨$ git reset --soft 커밋아이디내역 이전으로 돌리기commit은 없어지지만, 변경 내역을 staging area에 저장$ git reset --hard 커밋아이디내역 이전으로 돌리기commit과 변경내역 모두 삭제$ git stash작업임시저장'A'라는 브랜치에서 작업하던 내용을 'B'브랜치로 이동하고 싶을때$ git stash pop저장했던 작업내역 불러오기'A'라는 브랜..