# reactnative
Lab | React Native, "VirtualizedLists should never be nested inside plain ScrollViews" (경고문 없애기 실험)
FlatList나 ScrollView를 사용하다보면 저런 경고문이 자꾸 뜬다. 경고문이 뜨면.... 없애지 않으면 참을 수가 없다. 또 실험 시작이다
[Team Project] 2차 프로젝트(KIWI MARKET) - 3
가장 기억 남는 부분은 역시나 게시글 업로드 페이지 이다.아래 코드는 글쓰기 페이지의 이미지 슬라이드 부분이다.기본적인 기능은 카메라 버튼 클릭 시 앨범에서 이미지를 선택할 수 있고,선택된 이미지들은 순서대로 버튼 오른쪽으로 사각형의 이미지로 사용자에게 보이게 된다.X
[Team Project] 2차 프로젝트(KIWI MARKET) - 2
PostItem은 판매글을 업로드 하는 페이지이다.여기서 어려웠던 것은 이미지 파일(URL이 아님..)을 백엔드로 보내는 것 이었는데,그 동안은 이미지를 주고 받을 때, url을 주고 받으며 통신 했지만 이번엔 실제 이미지 파일을 전송해야 해서...
[Team Project] 2차 프로젝트(KIWI MARKET) - 1
2차 팀 프로젝트는 React-Native로 당근마켓을 클론 하기로 했다.아직 React에서도 모르는게 많고 실력도 부족하지만 새로운 것에 도전하는 것은 항상 즐겁다고 생각하는 편이다. 그렇게 시작한 RN.... 하루종일 터미널이 피를 흘린다...ㅠㅠ
[ReactNative] 리액트 네이티브 시작하기 (1) - window 환경설정, 네이티브앱과 비교, 장 단점
회사에서 리액트 네이티브를 사용하고 있다. 리액트는 기존에 사용하고 있었지만 RN(리액트 네이티브)는 사용해본 경험이 없다. 리액트 사용자에게는 러닝커브가 적다고 알고있긴 하지만 만만하게 보면 안된다. 네이티브앱과 비교해 장 단점을 간단하게 정리하고 토이프로젝트를 진행
[오류코드] Text strings must be rendered within a <Text> component
에러발생코드위 코드에서 <StatusBar style="auto" />; 부분에 있는 세미콜론을 지워주니 해결되었다.정상적으로 잘 실행된다.
#36. React Native Navigation
React Native란? > React Native는 React를 사용하여 Native Apps(모바일 기기에 직접 다운로드하여 사용하는 앱)를 개발할 수 있는 프레임워크입니다. github참조 Expo란? > Expo는 React application을 위한 프
ReactNative 입문기-NomadCoder 날씨 앱 만들기
노마드 코더 React Native로 날씨앱 만들기 사용자의 APP에서 GPS 권한을 획득하여 API로 현재 위치정보(위도,경도)를 가져오고, 가져온 위치 정보로 현재 날씨를 불러온다.
React Native Study 1 | Install
React Native, nvm, node.js ,npm ,Android Studio, Java, Xcode, visual Studio Code, CocoaPod, React Native CLI
React Native | FirstStep
React를 활용해서 웹개발을 하고 있는 개발자로서, 좀 더 React에 대해서 깊은 공부를 하고 싶었습니다. 물론 JavaScript를 꾸준히 공부하는 것이 그 답이라고는 매일 생각하고 있지만... React와 앱?에 대한 저의 호기심을 막을 수 없었기에... Rea
React Native global font 설정
RN에서 전역적으로 동일한 글꼴을 사용하고싶다.모든 Text 노드에 수동으로 적용하는 것은 지나치게 비효율적이다.내가 적용한 방법은 다음과 같다.
react native dropdown picker 삽질기
dropdown 용으로 쓰는데 너무 좋다 근데 말을 너무 안듣는다자꾸 이게 뜬다 근데 어찌어찌 하다보면 해결이 된다 오늘은 그 어찌어찌의 마지막 버전을 소개드릴려고 합니다저는 처음에 defaultValue 가 곧 textinput의 value처럼 계속 추적되는 기분이어
ReactNative에 폰트 적용하기
원하는 폰트를 다운로드 받고 파일명을 postscript name으로 변경해준다.ios 에서는 font-family를 지정할 때 postscript name으로 지정해야해서 파일명을 postscript name으로 변경해주는게 편하다.프로젝트 ios 폴더 하단에 Fon
React Native Shadow 생성
Shadow는 ios/android 플랫폼마다 약간 다르다.따라서 platform-specific code를 작성해야한다.ios에서는 그림자의 color, offset, opacity, radius를 지정해줄 수 있다.안드로이드는 elevation을 사용한다.eleva
useSWR을 이용한 Data Fetching
SWR은 React Hooks를 사용하여 실시간으로 데이터를 fetch, 캐싱 또는 re-fetch 할 수 있다. 그리고 useState와 useEffect를 사용하지 않고도 데이터 fetch를 쉽게 할 수 있다. SWR에는 유용한 기능들이 많다. 페이지의 초점을 다시
RN 빌드 속도 올리기 (reference 모음)
우와 이거 신기하네 미리보기 바로 보인다아아앙마크업 까먹었는데 우측하단이나 그런데 툴바나 미리보기 형식으로 있었으면 좋겠다아아gradle.properties에서 건드려 주면 되는데 해보니까 내 앱은 왜 충돌이 나는걸까 ㅠㅠ설정 설명org.gradle.daemon : 데