전체 글 (20) 썸네일형 리스트형 Carousel + React native Javascript 스크롤 화면을 만들고싶을경우가 있다. 그럴경우 간단한 라이브러리를 이용하여 구현할수있다. *Carousel 소개 npm install react-native-reanimated-carousel 또는 npm install react-native-reanimated-carousel 그다음 react-native-gesutre-handler 설치+ react-native-reaniated 설치가 필요하다 버전에 따라서 틀리니 참고하길.. react-native-reanimated react-native-gesture-handler react-native-reanimated-carousel =2.7.0 * 사용법 function Index() { const width = Dimensions... Visual studio prettier 완벽설정 많은 고생 끝에 prettier 설정이 되었습니다 https://www.youtube.com/watch?v=__eiQumLOEo 우선 많은 검색 결과 가장 정리가 잘된 prettier youtube 영상입니다 이 과정에서 안돼시는분이 있다면 visual studio 에서 탐색기의 .vscode settings.json 파일을 열어주세요 "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, 이렇게 입력해주시고 저장을 해주시면 끝입니다. React native+Rest api 먼저 공식문서 참조 https://reactnative.dev/docs/network Networking · React Native Many mobile apps need to load resources from a remote URL. You may want to make a POST request to a REST API, or you may need to fetch a chunk of static content from another server. reactnative.dev React native에서 기본적으로 많이 사용하는 Rest api를 사용하고자 한다. JSON example https://yts.mx/api/v2/list_movies.json?minimum_rating=9&sort_by=.. Git&GitHub VSCode 10k delete 깃허브 10k repository 삭제방법 VSCode에서 10k 삭제방법! 1. 터미널에서 git rev-parse --show-toplevel 명령어를 칩니다 repository에서 .git의 위치를 찾습니다 2. 해당위치로 이동 후 .git 파일이 있는지 확인합니다 이동명령어 cd /이동할위치 이동한 위치에서 .git파일이 있는지 확인 ls -a .git 3. .git파일이 있으면 삭제 rm -r -f .git -끝- [solved]undefined is not an object(evaluating 'navigation.navigate') ※변경전 const StackNavigator = ({navigation}) =>{ return ( ( {navigation.navigate("SearchPage");}}> ) }} > > ▼변경후 const StackNavigator = () =>{ return ( ({ //navigation을 screenOptions 함수안에 넣어준다 headerStyle: { backgroundColor: "white", borderBottomColor: "white", shadowColor: "white", }, headerTitleAlign:"Left", headerTintColor: "#000", headerBackTitleVisible: false, headerRight:()=>( {navigation.na.. React-native ScrollView 사용법 자주사용하는 ScrollView prop 모음 * pagingEnabled : true인 경우 스크롤할 때 스크롤 보기가 스크롤 보기 크기의 배수에서 멈춥니다. 수평 페이지 매김에 사용할 수 있습니다. 자료화면이 자연스럽게 넘어가게됩니다 * horizontal : 인 경우 스크롤 뷰의 자식은 세로로 열 이 true아닌 행에서 가로로 정렬됩니다. 1번줄 2번줄 *onScrollBeginDrag : 사용자가 스크롤 뷰를 끌기 시작할 때 호출됩니다. -사용자가 스크롤뷰를 끌기시작하면 확인할수있습니다 *scrollsToTop(IOS only) : 인 경우 상태 표시줄을 탭 하면 true스크롤 보기가 맨 위로 스크롤됩니다. While trying to resolve module 'idb' from file….this package itself specifies a `main` module field that could not be resolved=>firebase 설치시 오류 파이어베이스 설치 시 나타나는 오류이다 npm uninstall firebase npm install firebase@9.6.11 버전을 9.6.11 버전으로 재설치해주면 문제가 사라짐 React-native 필수 navigation navigation 공식사이트 https://reactnavigation.org/docs/getting-started npm install @react-navigation/native https://reactnavigation.org/docs/5.x/getting-started (버전 5.x) expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view https://reactnavigation.org/docs/stack-navigator/ npm install @react-navigation.. 이전 1 2 3 다음
