eunoia

랜더링 속도로 인한 건지, 이미지를 불러오기도 전에 이미지가 포함된 뷰가 리턴되는 경우 이미지 uri가 undefined라며 에러창이 뜬다. 이미지 uri에는 Null Safety코드를 꼭 넣어주어야 한다. (Null Safety 란개발되는 코드가 Null 안전성을 보장한 상태로 개발되게 하고자 하는 개념이다.)

npm i --save @fortawesome/react-native-fontawesome @fortawesome/fontawesome-svg-core react-native-svg cd ios && pod install npm i --save @fortawesome/free-solid-svg-icons npm i --save @fortawesome/free-brands-svg-icons npm i --save @fortawesome/free-regular-svg-icons

useEffect(() => { // 모달이 열릴 때마다 TextInput에 focus를 준다. if (modalVisible) { setTimeout(() => { textInputFocusRef.current?. focus(); }, 100); // 약간의 시간차가 있어야 TextInput에 focus가 먹힌다. }}, [modalVisible]); # 안드로이드 기기에서 모달창이 바깥인 경우 잘 보이지 않는 현상이 있다 // 그럴 때는 모달창 밖으로 를 위치하면 된다.\ 예) if (Platform.OS === "ios") { // ios는 그대로 return ( ); } else if (Platform.OS==='android'){ return ( );

구조분해 const renderItem = ({ item: image, index }) => { const { id, uri } = image; //구조분해 : image를 쓸 수도 있고, id, uri도 단독으로 쓸 수 있다. ... }

240111 Style - justifyContent : (좌-우) 컨테이너의 flex direction 방향에 따라 배치되는 flex 적용 대상들의 사이 간격과 주변의 여백을 지정. 부모컨테이너 내의 자식 엘리먼트들의 위치 지정. 컴포넌트들을 진행 방향에 따라서 어떻게 배치할지 지정 - alignItems : (위-아래) 부모 view 컴포넌트에 선언. flex가 적용 가능한 자식 요소들에 영향을 미친다. 컴포넌트들을 보조축을 따라 어떻게 배치할지를 지정 - alignSelf : 자식요소에 직접 지정 부모 컨테이너에 지정된 alignItems 속성값을 오버라이드 할 때 사용 내비게이션 탭 내비게이션 스택 내비게이션 드로어 내비게이션 # 탭 내비게이션 : 화면의 위나 아래에 탭이 있고, 탭을 누르면 탭과..

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