# react native

jhkim040

지금까지 배웠던 것들로 todo 리스트 작성텍스트를 터치하면 삭제되고textInput을 통해 새로운 텍스트를 추가할 수 있다.참고 : https://www.youtube.com/watch?v=oVA9JgTTiT0&list=PL4cUxeGkcC9ixPU-QkSc

buddle6091

원래 같았으면 이전 포스트 다음으로 바로 성능 개선에 관한 이야기를 다루려고 했는데, 어떠한 기업에서 RN으로 실시간 과제를 본다고 해서 호다닥 공부해 봐야되기에 다음으로 미루겠습니다 ; (위에서 짧게 말했듯이 오늘은 처음으로 맛보는 React Native 초기 설정에

geon_0

해당 게시글은 M1 mac 기준으로 작성되었습니다.사용 라이브러리 : react-native-unity-playurl : https://www.npmjs.com/package/react-native-unity-play/v/0.1.6사용 라이브러리 : @azes

leeyejin1231

react native를 실행하다보면, node 버전이 맞지 않아 오류가나는 경우가 많습니다. 이럴 경우, node 버전을 변경하는 방법을 알려드리겠습니다!

jhkim040

Flat List의 특징 생략 개념 필요할 경우 이거 참고https://velog.io/@jhkim040/ScrollView-List-Views참고 : https://www.youtube.com/watch?v=iMCM1NceGJY&list=PL4cUx

jhkim040

네이티브 환경에서 View가 div 역할을 하는데웹과는 달리 스크롤 기능이 당연하지 않다.단순히 View만 작성하면 모바일 화면에 컴포넌트가 넘쳐도스크롤이 되지 않는다는 말따라서 컴포넌트가 많아 스크롤이 필요할 때는 ScrollView로 감싸기참고 : https&#x3

hongduhyeon

기존에 React-native의 Animated가 존재하지만 큰 단점이 있다.단점은 Main Thread와 Js Thread의 애니메이션을 하기 위해선 Bridge를 통해 메세지를 전달 받는 구조를 사용하는데 일반적으로 네이티브 모듈 기준으로 생각하면 단순히 한번이기

k0310kjy

프로젝트를 처음 시작하면, 생각보다 막막한 것이 라우팅 구조 생성이다.미리 템플릿이 있으면 요긴하게 사용할 수 있겠다 싶어서 적는 글.가독성을 위해 줄바꿈을 했지만 한 번에 설치해도 된다용도에 맞게 페이지들을 설정하자.App.tsx 에 nativage할 페이지들을 추가

k0310kjy

Recoil은 전역 상태 관리 라이브러리이다.기본적인 개념은, atom이라는 상태 단위를 구독하거나 업데이트할 수 있고, 만약 atom이 업데이트되면 이를 구독하고 있던 컴포넌트들이 새로 렌더링이 된다.사용할 때는 다음과 같이, useState처럼 사용하면 된다.

k0310kjy

프로젝트를 진행하다보면 로컬에 있는 폰트를 추가하고 싶을 때가 있다.이럴 땐 어떻게 해야할까.폰트를 불러올 라이브러리와, assets 폴더를 alias 해줄 준비를 하자.assets를 불러올 수 있도록 config.js를 수정해주자사용하고 싶은 페이지에서 useEffe

aboa123

react-native에서 blur 효과를 주고싶은경우 https://github.com/Kureev/react-native-blur 라이브러리를 사용하는 방법도 있지만 해당 라이브러리는 베이스컬러지정을 못하거나 특정 OS, 특정 기기에서 과부하 이슈가 있는것을 확인하

dkttk99

디바이스의 치수 가져오기 PixelRatio를 이용하여 반응형 크기 구하기

ghenmaru

녹음해보고 가세요~

enesdyaz

0 -> 100 을 만드는 건데1\. AnimatedBox를 만들고2\. AnimatedBox에 움직이는 설정을 style={{transform: {translateY: Y}}} 로3\. 그 Y의 기초값 0은 const Y = new Animated.Value(0)

enesdyaz

default 설정 후 인스톨타입스크립트로 하실 분들은npx create-react-native-app -t with-typescript이후에 안내에 따라 폴더명(어플이름) 설정 해주시면 됩니다!styled-components설치 ---------------------

jinyoung985

React를 공부하다가 앱 개발에도 관심이 생겨 React Native도 공부해보기로 했다.나는 단순히 React Native는 React 문법을 통해 앱 개발을 할수있는 프레임워크라는 것만 알고 있었기 때문에 어떤 차이점이 있는지, 어떤 부분을 더 공부해야하는지에 대

ghenmaru

이제 소셜로그인 쓰자~

k0310kjy

Error installing ffi: ERROR: Failed to build gem native extension. react native 프로젝트 세팅 중, 위와 같은 에러를 발견했고 ffi 설치를 하는 등 여러 방법을 썼지만 해결되지 않았다. 상위 경로에 공

k0310kjy

내가 직접 해본 방법!

k0310kjy

Your Ruby version is 2.6.8, but your Gemfile specified 2.7.6