eunoia

Axios는 data 속성을 Fetch는 body 속성을 다룬다. Axios -> console.log(response) -status code 200 >> success Fetch -> .then((result)=>result.json()); console.log(response) -ok >> success

**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 두줄로 간단하게 삭제가 가능하다.

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 근데 결국 안 돼서 그냥 프로젝트 새로 만들었다..... 프로젝트 폴더 ..

원인 : VirtualizedLists는 같은 방향으로 일반 ScrollView와 중첩되어서는 안 된다. 해결 : FlatList 속성에 코드 한 줄만 추가하면 된다. disableVirtualization={false} //비정상적인 스크롤 동작을 방지하려고

원인 :Flatlist 랑 keyboardAvoidView 같이 쓰고 싶다. 같이 사용했다.해결 : react-native-keyboard-aware-scroll-view 설치 후flatList 대신 KeyboardAwareFlatList를 사용한다

원인 : ScrollView를 SafeAreaView가 아닌 View로 감쌌기 때문 해결 : SafeAreaView로 감싸면 된다

[Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. ----->> 원인 : 파일이름과 선언한 곳에서의 이름이 일치하지 않으면 발생하는 것 같다 예) Home.js로 작성 사용하려는 곳에서 Import {SweeHome} from ‘./Home.js’ 이렇게 사용하였더니 발생하였..

현재 내 상황 컴퓨터 : 맥북 프로 16 -버전 : macOS 14.2.1 xcode : 15 ———————cli 문제 해결 ——————— 프로젝트 설치 전 : npm uninstall -g react-native-cli @react-native-community/cli //cli 삭제 프로젝트 설치 : npx react-native@latest init efenpx //후 최신 버전으로 재설치 react-native doctor // 문제상황 보고서 ———————Pod dependency 문제 해결——————— After upgrading to latest version of gems and cocoa pods. can run any pod commands * sudo gem uninstall acti..

작은 단위 컴포넌트부터 만들기 Atomic design pattern : 작은단위부터 큰 단위까지 컴포넌트를 조합해 만들어가는 것 (Lego 조립과 비슷) React-natived에서 자주 사용하는 hook -useWindowDimensions // 디바이스별로 화면 크기를 조절할 수 있다. export const ComponentA = (props) => { const {window, height}=useWindowDimensions(); {…etc code} } -useBackHandler npm install @react-native-community/hooks -useAppState npm install @react-native-community/hooks -useNavigation, useRou..

커뮤니티 기능 구현 중 글쓰기 버튼을 두 번 누르니, 글쓰기 함수가 두 번 실행되어 글이 중복 작성되는 오류를 발견하였다. 구글링 결과 해결방법은 1. state를 만들어 버튼 disabled 속성에 적용한다. 2. 버튼을 눌렀을 때 state값이 true로 변하게 하여 버튼이 눌리지 않게 한다. 3. 혹시나 눌렀을 경우를 대비해 버튼을 눌렀을 때 실행되는 함수에서도 실행되었을 때 state값이 true로 변하게 하여 버튼이 눌리지 않게 한다. //그러면 2번에서 혹시나 중복으로 누르게 되었어도 첫 번째 함수가 실행되었을 때 state값이 true 가 되므로 함수가 두 번 실행되지 않는다. 함수가 끝났을 때는 다시 state가 false로 바뀐다.(state의 기본값) 예) 1. state 값 설정 #..