React-Native 개발

프로젝트 위치 설정다른 명령어로 프로젝트를 설치하면 아무것도 안만들어지고이렇게 해야 정상적인 프로젝트가 설치된다.

git clone 레파지토리 주소이때 설치할 위치가 ASCII 코드가 포함되지 않은 경로여야 한다.의존성 설치gradle.properties 에 코드 추가이건 App.js에 나는 delete 어쩌고 오류를 해결한다.확인여기까지 했는데 오류가 날 경우❇️ 패키지 재설치❇

리액트 네이티브로 개발하다 보면 프로젝트를 클린해서 재빌드할 상황이 정말 많다..🥲Android 빌드 관련해서 오류가 날 때 다음과 같은 명령어를 실행해서 많이 해결했었다!Metro 번들러(Metro bundler)의 캐시를 초기화하고 다시 시작할 때 사용한다.

ctrl + Mopen debugger\-> 이 방법은 react-native 버전이 올라가면서 지원이 안된다..글로벌로 설치하고 애뮬레이터 띄운 채로 명령어 입력하면 이게 뜬다이 상태에서 애뮬레이터 ctrl + M 하면성공~

alignItems: 'center' 속성을 부모 컨테이너에 추가하면 된다.만약 부모 컨테이너가 Flexbox 레이아웃을 사용하고 있다면, alignItems: 'center'와 ustifyContent: 'center'를 사용하여 자식을 가운데에 배치할 수 있다.버튼

1. Image Picker 라이브러리 설치 2. Android 접근 권한 설정하기 android/app/src/main/AndroidManifest.xml 3. IOS 접근 권한 설정하기 ios/project-name/Info.plist 참고 https://ad

화면을 전환하거나 파일을 다운로드 할때 화면에서 빙글빙글 돌아가는 것을 구현할 수 있다.animating: false면 멈춘다.react-native에서 기본적으로 제공되는 컴포넌트로 따로 설치안해도 된다.라이브러리를 설치한다.다음과 같이 사용할 수있다. BallInd

ScrollView 내에 FlatList 또는 SectionList와 같은 VirtualizedList를 중첩하여 사용할 수 없다는 의미이다.➡️ ScrollView 대신 FlatList 또는 SectionList를 사용하거나, ScrollView 내부의 리스트 컴포넌

UI 디자인 중 선택하는 항목이 필요한데 이때 체크박스와 라디오 버튼 둘 중 무엇을 사용해야 하는지 헷갈렸다.찾아보니 체크박스는 각 항목이 독립적으로 존재하므로 다중 선택이 가능하다.반면 라디오 버튼은 각 항목이 상호 배타적으로 존재하므로 하나의 선택만 가능하다.나는

라이브러리를 설치모달 구현<Modal></Modal> 안에 작성하면서 커스텀 모달을 만들면 된다.1\. 애니메이션 관련 옵션animationIn: 모달이 나타날 때 사용할 애니메이션 유형을 설정예: "slideInUp", "bounceIn", "fadeIn"

react-native-modal 라이브러리에 내장된 기능으로 모달의 배경을 클릭했을 때 호출되는 이벤트 핸들러이다.onBackdropPress={() => setModalVisible(false)}를 사용해서 모달의 배경을 클릭하며 모달을 닫을 수 있다.✅ 애니메이션

이 라이브러리들을 사용해서 드롭다운을 사용했는데VirtualizedLists 경고로 FlatList, SectionList, VirtualizedList를 ScrollView 내부에 같은 방향으로 중첩해서 사용하면 오류가 발생한다.VirtualizedLists는 자체적

React에서는 환경 변수를 사용하려면 변수 이름이 REACTAPP으로 시작해야 한다.예)REACT_APP_REST_API_KEYREACT_APP_REDIRECT_URIREACT_APP_BASE_URL깃허브에서는 env 파일이 안보이도록 관리해야 한다.gitignore

Android용 번들 파일 생성하기android/app/build/outputs/apk 아래에 app-dubug.apk를 우클릭하고 파일 탐색기에 표시를 클릭한다.열린 파일 탐색기에 apk 파일으 확인할 수 있다.이것들을 다 실행하고android/app/build/ou

S3 버킷 생성2\. 프론트 POST요청을 통해서 presigned URL 생성을 위한 요청을 보냄백 프론트에서 버킷 정보와 파일 정보를 받아 AWS S3에 presigned URL 요청(POST)AWS presigned URL 백엔드에 전달, 백엔드에서는 프론트로 전

백엔드와의 통신을 위한 기본 설정을 정의한다. 예를 들어, api.js라는 파일을 만들어 axios 인스턴스를 설정한다.axios 인스턴스를 사용하여 GET, POST, PUT, DELETE 요청을 간단하게 만들 수 있다.로그인 기능을 구현한 예시이다.React Nat