구현하고자 했던 내용은 자동 스와이프 되는 Carousel 배너가다른 화면을 다녀오면 첫번째 배너로 초기화 되게 하는 기능을 구현하고자 했다. UseRef 란? 참조를(reference)를 생성하고 관리하기 위해 사용되는 hook 이며, 함수형 컴포넌트 내에서 가변적인 상태를 유지하고 업데이트하는데 사용된다. import { useRef } from 'react'; //1. useState 상태 훅을 선언하여 //currentIndex: 현재 캐러셀의 인덱스를 저장하는 //setCurrentIndex: currentIndex를 업데이트 하는 함수 const [currentIndex, setCurrentIndex] = useState(0); //2.캐러셀 컴포넌트에 접근하기 위한 참조 /..

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모두 정상작동한다.

ScrollView란 ScrollView란, 데이터의 양이 많아 화면을 넘어가게 될 때, 스크롤이 생겨 화면을 넘길 수 있게 해주는 컴포넌트이다. ScrollView 컴포넌트가 스크롤되어 동작하기 위해서는 높이를 제한해주어야 한다. 높이 값이 제한되지 않은 자식이 있다면 부모의 높이로 제한된다. 가끔 ScrollView나 FlatList에서 scroll bar의 위치가 아래와 같이 엉뚱한 곳에 노출될 때가 있다. 그럴땐 위의 코드와 같이 ScrollView랑 FlastList 라이브러리 속성에scrollIndicatorInsets={{right: 0.1}} 을 사용해주면 오른쪽 끝으로 간다. scrollIndicatorInsets={{right: 0.1}}

리액트 네이티브는 너무 예민한 친구인거 같다. 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. Xcode build 삭제 및 ..

명령어실행내용설명$ 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'라는 브랜..

리액트네이티브를 사용하면서 잘되던 빌드가 되지 않을때마다 식은땀이 난다.그래도 이번에는 무엇이 문제인지 명확하게 보이는 Flipper..! 덕분에 해결방법을 조금 더 쉽게 찾을 수 있었다. iOS폴더에서 Podfile을 열고, #:flipper_configuration => Flipper_config, 줄을 비활성화를 해주면 된다고 하지만 이 방법은Flipper를 사용하는 나에겐 일시적인 해결방법일 뿐이었다. RN에 입문한지 반년도 안되어 모르는게 너무나 많은 내가 할 수 있는건 검색뿐또 멋도 부리고 싶어서 console창에서 명령어로 해결해보고 싶었다.그렇게 열심히 검색을 해서 찾아냈다. if ! grep -q "#include " ./ios/Pods/Flipper/xplat/Flipper/Flip..