[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 Gradient -그라데이션
·
React Native
🐰: 개발하고 있는 앱에서 디자이너님이 위와 같은 디자인을 요청주셨다.사용자의 데이터를 백분율로 표현해서 게이지를 나타내는 부분인데저렇게 그라데이션으로 표현해달라고 하셨다. RN이 처음인 나는 디자인을 보자마자겁부터 먹었는데 생각보다 정말 단순했다 !역시 겁부터 먹으면 안된다 !  설치react-native-linear-gradient라이브러리가 설치되어 있는지 확인 후 라이브러리를 설치해준다.npm install --save react-native-linear-gradient 연결import LinearGradient from 'react-native-linear-gradient'; 사용방법 =25 ? '#ffCD00' : item.color} /> * ..
[RN] react-native Code Push
·
React Native
Quick GuideAndroidappcenter loginappcenter apps set-current statnco-statnco.com/gameone2-androidappcenter codepush release-react -d StagingIOSappcenter loginappcenter apps set-current statnco-statnco.com/gameone2-iosappcenter codepush release-react -d Staging    앱은 안드로이드/ios용 두개 존재 배포도 두개 따로 진행해야한다.대략적인 세팅은 아래 링크 참고.https://learn.microsoft.com/en-us/appcenter/sdk/getting-started/react-native Get..
[Docker] 도커 설치 - Mac M1
·
Program Setting
[PC버전]도커파일FROM ubuntuARG DEBIAN_FRONTEND=noninteractiveRUN apt-get -y update && apt-get -y upgradeRUN apt-get -y install software-properties-commonRUN add-apt-repository ppa:ondrej/phpRUN apt-get updateRUN apt-get -y install php5.6RUN apt-get -y install php5.6-mbstringRUN apt-get -y install php5.6-xml php5.6-mysql php5.6-soap php5.6-gd php5.6-redis php5.6-mcrypt php5.6-bz2 php5.6-curl vimRUN a2e..
[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..
[RN] react-native 키보드 가림현상 - iOS
·
React Native
bottomModal에 textInput을 사용하여 정보를 입력할 수 있는 기능을 구현했다.그런데 bottomModal이 열리고, textInput에 focus를 주면위 사진과 같이 키패드가 컴포넌트를 가려버렸다..🙄 게다가 android는 키패드가 알아서 bottomModal을 위로 밀면서 나타나는데ios만 가림현상이 나타나서 분노..😤 해결방법와 를 사용해주면된다.그리고 에는 behavior라는 속성을 사용해서 padding을 주면 된다.   return ( );*전체 코드중 필요한 부분만 발췌했..