[study] 구조분해 구조분해 const renderItem = ({ item: image, index }) => { const { id, uri } = image; //구조분해 : image를 쓸 수도 있고, id, uri도 단독으로 쓸 수 있다. ... } Development/ReactNative 2024.02.02
[study] Style || 내비게이션 || 리덕스 240111 Style - justifyContent : (좌-우) 컨테이너의 flex direction 방향에 따라 배치되는 flex 적용 대상들의 사이 간격과 주변의 여백을 지정. 부모컨테이너 내의 자식 엘리먼트들의 위치 지정. 컴포넌트들을 진행 방향에 따라서 어떻게 배치할지 지정 - alignItems : (위-아래) 부모 view 컴포넌트에 선언. flex가 적용 가능한 자식 요소들에 영향을 미친다. 컴포넌트들을 보조축을 따라 어떻게 배치할지를 지정 - alignSelf : 자식요소에 직접 지정 부모 컨테이너에 지정된 alignItems 속성값을 오버라이드 할 때 사용 내비게이션 탭 내비게이션 스택 내비게이션 드로어 내비게이션 # 탭 내비게이션 : 화면의 위나 아래에 탭이 있고, 탭을 누르면 탭과.. Development/ReactNative 2024.02.02
[study] Axios & Fetch Axios는 data 속성을 Fetch는 body 속성을 다룬다. Axios -> console.log(response) -status code 200 >> success Fetch -> .then((result)=>result.json()); console.log(response) -ok >> success Development 2024.02.02
[study] iterm2 기본 터미널로 세팅하기 **Iterm2 기본 터미널로 설정 /* brew -v 로 설치확인 없으면 설치한다. zsh —version 으로 zsh이 설치되어있나 확인*/ # zsh 설치하기 brew install zsh # zsh 설치경로 확인하기 which zsh # 기본 shell 변경하기 chsh -s $(which zsh) **삭제 후 재설치 xdsoh-my-zsh를 제거하기 위해서는 기존의 폴더를 삭제해야 한다. sudo chmod 777 ~/.oh-my-zsh/tools/uninstall.sh ~/.oh-my-zsh/tools/uninstall.sh 두줄로 간단하게 삭제가 가능하다. Development 2024.02.02
[ordinary] 카페이숲 로드뷰길찾기지도 크게 보기 이쁜 공간 크고 넓어서 사람이 많아도 시끄럽지 않고, 오히려 좋았다. 커피도 구수하고, 라테도 맛있었고, 티라미수도 달콤했다. OrdinaryDay 2024.01.30
[ordinary] 창고 로드뷰길찾기지도 크게 보기 아주 힙한 창고 화장실도 깨끗하고 시끄럽지도 않았다. 주말에는 공연을 한다고 하는데, 궁금하기도 했다 오랜만에 만난 대리님과의 저녁식사는 즐겁다 :) OrdinaryDay 2024.01.30
[error] React native 폴더 이름 변경 후 render error 가 발생하였다. chatGPT에 물어보니 node modules 폴더 삭제 및 재설치를 해결방안으로 알려주었다. 1. 삭제 코드 rm -rf node_modules npm install 2. iOS와 Android 폴더 업데이트 - cd ios - pod install - cd android -./gradlew clean 3. 프로젝트 설정 업데이트 package.json 에서 프로젝트 이름이 올바르게 설정되어 있는지 확인(바뀐 이름으로 설정되어 있는지) iOS / android 프로젝트의 설정 파일에서도 폴더 이름이 올바르게 설정되어 있는지 확인 4. 캐시 지우기 rm -rf /tmp/metro-* npm start -- --reset-cache 근데 결국 안 돼서 그냥 프로젝트 새로 만들었다..... 프로젝트 폴더 .. Development/Error 2024.01.22
[error] VirtualizedList: You have a large list that is slow to update - make sure your renderItem function renders components that follow React performance best practices like PureComponent, shouldComponentUpdate 원인 : VirtualizedLists는 같은 방향으로 일반 ScrollView와 중첩되어서는 안 된다. 해결 : FlatList 속성에 코드 한 줄만 추가하면 된다. disableVirtualization={false} //비정상적인 스크롤 동작을 방지하려고 Development/Error 2024.01.22
[error] VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality - use another VirtualizedList-backed container instead. 원인 :Flatlist 랑 keyboardAvoidView 같이 쓰고 싶다. 같이 사용했다.해결 : react-native-keyboard-aware-scroll-view 설치 후flatList 대신 KeyboardAwareFlatList를 사용한다 Development/Error 2024.01.22
[error] 스크롤바가 중간에 위치했을 때 원인 : ScrollView를 SafeAreaView가 아닌 View로 감쌌기 때문 해결 : SafeAreaView로 감싸면 된다 Development/Error 2024.01.22