[RN] react-native UseEffect (()=> {},[]); 사용법
·
React Native
🐰: react-native를 사용하면서 정말 많이 사용한게 UseEffect 인거 같다.그래서 개념부터 꼼꼼히 알아두는게 좋을거 같다😎  UseEffect 란?사이드 이펙트(side effects)를 수행하기 위한 훅으로, 데이터 가져오기, 구독설정하기, 수동으로 React 컴포넌트의 DOM을 수정하는 작업 등을 수행할때 유용하다. 1. useEffect 기본 사용법useEffect(() => {    // Side effects를 수행하세요.        return () => {        // cleanup 로직이 필요한 경우 여기에 작성합니다.    };}, [/* 의존성 배열 */]); Side Effect 부분에 useEffect 동작 시 실행할 로직을 추가한다.그리고 의존성 배열 의 ..
[RN] react-native 댓글태그 지우기, Comments Tag remove, Back Space
·
React Native
🐰: 이미 기존에 구현되어있던 태그 취소 방법은태그 부분을 한번 더 눌러주면 태그가 삭제되는 방법이였다. 그런데 여기다 Back Space버튼으로도태그가 삭제되게 해달라는 요청을 받았다..🤪 퇴사한 사람의 코드를 이어서 하면서코드를 처음부터 하나씩 뜯어 보고 의도를 파악하는게아직 나에게는 너무 벅차다...🤣하지만...! 항상 방법은 찾으면 있다는거 ~ //키패드 버튼으로 태그 지우기const removeTag = (event) => {if (event.nativeEvent.key === 'Backspace' && comment === '') { onResetReply && onResetReply();}}; {((replyItem?.userName || editTarget..
[RN] react-native Pull Down refresh
·
React Native
🐰: Appl App 심사를 위해서는 '차단'기능 필수 더라구요.3번의 리젝 후 백엔드 프로님과 후다닥 차단 기능을 추가했어요🙈오늘 포스팅할 기능은앱에서 화면을 아래로 당겨서 새로고침 하는 방법입니다.  import styled from '@emotion/native';import { useQuery } from '@tanstack/react-query';import React, { useCallback, useRef, useState } from 'react';import { RefreshControl } from 'react-native';import { Container, ContentBox, Row} from '../../config/globalStyles';import { BoldTex..
[RN] react-native 'Attempt to invoke virtual method ~' error (Android)
·
React Native
🐰: 아직도 원인모를 error가 나타나면 눈물이 앞을 가린다 ..iOS에서는 잘만되던 부분인데, Android에서만 error가 뜬다. 위 와 같은 에러는이 오류 메시지는 주로 안드로이드 앱 개발 중에 발생합니다. 이것은 객체가 null인 상태에서 해당 객체의 메소드를 호출하려고 시도할 때 발생하는 오류입니다. 구체적으로 말하면, null로 초기화되지 않은 Path 객체에서 isEmpty() 메소드를 호출하려고 시도한 것입니다. 라고 Caht gpt가 설명해주었다..🤓아무리 찾아봐도 코드에서 어느 부분에서 이러한 오류가 뜨는건지 알 수 없었다 ..그래서 에러가 뜨는 파일에서 null을 검색해 봤더니  두둥..! Col컴포넌트에 준 style에서 null을 사용해서 뜨는 에러였다..!null을 0으로..
[RN] react-native Random Array - 랜덤배열 만들기
·
React Native
🐰: 기획팀에서 익명 게시판에서 컴포넌트가 마운트 될 때 마다유저 프로필 이미지가 랜덤으로 노출되는 기능을 요청주셨다.  //랜덤 이미지 const [randomImage, setRandomImage] = useState(''); useEffect(() => { const myImages = [ {image: require('../../assets/images/baseballLife/random-image1.png')}, {image: require('../../assets/images/baseballLife/random-image2.png')}, {image: require('../../assets/images/baseballLife/ra..
[RN] react-native Mac M1 개발환경 세팅
·
Program Setting
- xcode설치 안드로이드 스튜디오 설치 안드로이드 스튜디오 실행 xcode실행 https://ddioniii.tistory.com/48 참고 - /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" - echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users//.zprofile - eval "$(/opt/homebrew/bin/brew shellenv)" - brew help - brew install node node --version brew install yarn brew install ruby brew install cocoapo..