# reactnative

51개의 포스트
post-thumbnail

Lab | React Native, "VirtualizedLists should never be nested inside plain ScrollViews" (경고문 없애기 실험)

FlatList나 ScrollView를 사용하다보면 저런 경고문이 자꾸 뜬다. 경고문이 뜨면.... 없애지 않으면 참을 수가 없다. 또 실험 시작이다

3일 전
·
0개의 댓글
post-thumbnail

[Team Project] 2차 프로젝트(KIWI MARKET) - 3

가장 기억 남는 부분은 역시나 게시글 업로드 페이지 이다.아래 코드는 글쓰기 페이지의 이미지 슬라이드 부분이다.기본적인 기능은 카메라 버튼 클릭 시 앨범에서 이미지를 선택할 수 있고,선택된 이미지들은 순서대로 버튼 오른쪽으로 사각형의 이미지로 사용자에게 보이게 된다.X

5일 전
·
0개의 댓글
post-thumbnail

[Team Project] 2차 프로젝트(KIWI MARKET) - 2

PostItem은 판매글을 업로드 하는 페이지이다.여기서 어려웠던 것은 이미지 파일(URL이 아님..)을 백엔드로 보내는 것 이었는데,그 동안은 이미지를 주고 받을 때, url을 주고 받으며 통신 했지만 이번엔 실제 이미지 파일을 전송해야 해서...

5일 전
·
0개의 댓글
post-thumbnail

[Team Project] 2차 프로젝트(KIWI MARKET) - 1

2차 팀 프로젝트는 React-Native로 당근마켓을 클론 하기로 했다.아직 React에서도 모르는게 많고 실력도 부족하지만 새로운 것에 도전하는 것은 항상 즐겁다고 생각하는 편이다. 그렇게 시작한 RN.... 하루종일 터미널이 피를 흘린다...ㅠㅠ

5일 전
·
0개의 댓글
post-thumbnail

[ReactNative] 리액트 네이티브 시작하기 (1) - window 환경설정, 네이티브앱과 비교, 장 단점

회사에서 리액트 네이티브를 사용하고 있다. 리액트는 기존에 사용하고 있었지만 RN(리액트 네이티브)는 사용해본 경험이 없다. 리액트 사용자에게는 러닝커브가 적다고 알고있긴 하지만 만만하게 보면 안된다. 네이티브앱과 비교해 장 단점을 간단하게 정리하고 토이프로젝트를 진행

5일 전
·
0개의 댓글

[오류코드] Text strings must be rendered within a <Text> component

에러발생코드위 코드에서 &lt;StatusBar style="auto" />; 부분에 있는 세미콜론을 지워주니 해결되었다.정상적으로 잘 실행된다.

6일 전
·
0개의 댓글
post-thumbnail

React Native Study 3 | Simulator

ios Simulator, android Simulator

2021년 1월 3일
·
0개의 댓글
post-thumbnail

#36. React Native Navigation

React Native란? > React Native는 React를 사용하여 Native Apps(모바일 기기에 직접 다운로드하여 사용하는 앱)를 개발할 수 있는 프레임워크입니다. github참조 Expo란? > Expo는 React application을 위한 프

2021년 1월 3일
·
0개의 댓글
post-thumbnail

ReactNative 입문기-NomadCoder 날씨 앱 만들기

노마드 코더 React Native로 날씨앱 만들기 사용자의 APP에서 GPS 권한을 획득하여 API로 현재 위치정보(위도,경도)를 가져오고, 가져온 위치 정보로 현재 날씨를 불러온다.

2021년 1월 2일
·
0개의 댓글
post-thumbnail

React Native Study 1 | Install

React Native, nvm, node.js ,npm ,Android Studio, Java, Xcode, visual Studio Code, CocoaPod, React Native CLI

2021년 1월 1일
·
0개의 댓글

React Native | FirstStep

React를 활용해서 웹개발을 하고 있는 개발자로서, 좀 더 React에 대해서 깊은 공부를 하고 싶었습니다. 물론 JavaScript를 꾸준히 공부하는 것이 그 답이라고는 매일 생각하고 있지만... React와 앱?에 대한 저의 호기심을 막을 수 없었기에... Rea

2020년 12월 27일
·
0개의 댓글
post-thumbnail

numberOfLines를 이용한 텍스트 생략

numberOfLines를 이용한 텍스트 ... 으로 생략

2020년 12월 25일
·
0개의 댓글

React Native global font 설정

RN에서 전역적으로 동일한 글꼴을 사용하고싶다.모든 Text 노드에 수동으로 적용하는 것은 지나치게 비효율적이다.내가 적용한 방법은 다음과 같다.

2020년 12월 24일
·
0개의 댓글
post-thumbnail

react native dropdown picker 삽질기

dropdown 용으로 쓰는데 너무 좋다 근데 말을 너무 안듣는다자꾸 이게 뜬다 근데 어찌어찌 하다보면 해결이 된다 오늘은 그 어찌어찌의 마지막 버전을 소개드릴려고 합니다저는 처음에 defaultValue 가 곧 textinput의 value처럼 계속 추적되는 기분이어

2020년 12월 23일
·
0개의 댓글
post-thumbnail

ReactNative에 폰트 적용하기

원하는 폰트를 다운로드 받고 파일명을 postscript name으로 변경해준다.ios 에서는 font-family를 지정할 때 postscript name으로 지정해야해서 파일명을 postscript name으로 변경해주는게 편하다.프로젝트 ios 폴더 하단에 Fon

2020년 12월 15일
·
0개의 댓글

React Native Shadow 생성

Shadow는 ios/android 플랫폼마다 약간 다르다.따라서 platform-specific code를 작성해야한다.ios에서는 그림자의 color, offset, opacity, radius를 지정해줄 수 있다.안드로이드는 elevation을 사용한다.eleva

2020년 12월 15일
·
0개의 댓글

React Native Error Issue

문제점

2020년 12월 11일
·
0개의 댓글
post-thumbnail

useSWR을 이용한 Data Fetching

SWR은 React Hooks를 사용하여 실시간으로 데이터를 fetch, 캐싱 또는 re-fetch 할 수 있다. 그리고 useState와 useEffect를 사용하지 않고도 데이터 fetch를 쉽게 할 수 있다. SWR에는 유용한 기능들이 많다. 페이지의 초점을 다시

2020년 12월 10일
·
0개의 댓글

RN 빌드 속도 올리기 (reference 모음)

우와 이거 신기하네 미리보기 바로 보인다아아앙마크업 까먹었는데 우측하단이나 그런데 툴바나 미리보기 형식으로 있었으면 좋겠다아아gradle.properties에서 건드려 주면 되는데 해보니까 내 앱은 왜 충돌이 나는걸까 ㅠㅠ설정 설명org.gradle.daemon : 데

2020년 12월 9일
·
0개의 댓글