# react native

107개의 포스트
post-thumbnail

Expo 시작하기📱

앱에 관련된 프로젝트를 시도해보기 위해 시작한 expo노마드코더의 영상을 보고 나니 바로 이해가 됬다. 설치하는데 조금 애를 먹어서,, 정리해두기!리액트 네이티브에는 아래와 같이 2가지 개발 방법이 있는데,Expo CLIReact Native CLI그중 내가 배우면서

2일 전
·
0개의 댓글

App 관리 원칙

1) App폴더\\android\\app\\build.gradleapplicationId "com.howwwwwhy.app_name"versionCode: google playstore에 업로드하는 시점부터 1씩 올린다.versionNameplaystore 출시를 기준

6일 전
·
0개의 댓글

[react-native] expo 초기세팅

expo로 초기 세팅하기

2020년 6월 26일
·
0개의 댓글
post-thumbnail

[React Native] Typescript 템플릿 사용하기

Typescript로 작성된 React Native 앱을 만들고 싶어졌다.직접 Typescript 세팅을 하자니 귀찮고 번거로워서 커뮤니티에 Typescript 템플릿이 있는지 검색해보았다. 두둥등장!바로 적용해보았다.App.tsx 파일이 tsx 파일로 생성이 되었다!

2020년 6월 22일
·
0개의 댓글
post-thumbnail

[EXPO, React native] Android Studio 에서 바로 종료되는 현상

나의 상황 IOS 에서는 잘 돌아감 Android 기기에서 문제를 발견, 디버깅 하기위해 에뮬레이터 실행 실행하자마자 에러 메세지 없이 EXPO 가 바로 종료됨 에러 메세지 없이 무조건 튕긴다는 거다.... 그냥 밑도끝도 없이 무조건 튕긴다는 점.. 무려 일주일간

2020년 6월 20일
·
0개의 댓글
post-thumbnail

React Native Layout System

박스 모델이라 함은, content 를 중심으로 padding 이 있고, padding 위에 border 가 있고, 그 위에 margin 있다. 위 padding, border, margin 의 값에 의해 크기가 정해지는 것은 박스 모델의 룰 이라고 한다.positio

2020년 6월 16일
·
0개의 댓글

RN ScrollView props

onScrollBeginDrag, onScrollEndDrag와 onMomentumScrollBegin, onMomentumScrollEnd의 차이점onScrollBeginDrag, onScrollEndDrag은 사용자가 드래그를 시작 / 종료할 때 호출되는 함수이다.

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

[TIL] React Navigation 적용하기

1. Stack Navigator 라이브러리 설치하기 리액트 네비게이션의 스택 네비게이터(stack navigator)는 스크린 간 전환과 navigation history를 관리할 수 있도록 해준다. 지금까지 설치한 라이브러리 들은 네비게이터를 위한 블록과 기반이라

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

[TIL] React Navigation 라이브러리 설치

리액트 웹 앱에서 react-route-dom과 비슷한 역할을 하는 리액트 네이비트의 리액트 네비게이션!리액트 네이티브 앱의 네비게이션과 히스토리를 쉽게 관리할 수 있는 라이브러리중 하나이다.네비게이션 navigation 을 쓰기위해서는 네비게이터 navigator 가

2020년 6월 10일
·
0개의 댓글
post-thumbnail

[TIL] React Native에서 useReducer 실습 <2>

1. useReducer로 rgb(0,0,0) 바꾸기 >버튼을 클릭하면 컬러를 진하게 또는 연하게 하도록 state를 관리하기 먼저 버튼 컴포넌트를 만든다 ColorCounter 컴포넌트를 이제 SquareScreen 컴포넌트에서 불러온다. 이제 ` 컴포넌트 안

2020년 6월 9일
·
0개의 댓글
post-thumbnail

[react-native] 사라진 버튼을 찾아서

RN 으로 앱개발중 사라진 버튼 찾기 CSS

2020년 6월 8일
·
0개의 댓글

20200608 TIL

20200608 TIL

2020년 6월 8일
·
0개의 댓글

react-native Network Request Failed error

개발 공부하면서 매번 뭔가 기록을 남기자 남기자 하다가 오늘 드디어 남기게 됐다. 계속 미루다가 글을 쓰게 된 이유... 회사에서 몇 시간 째 버그를 못찾아서 쩔쩔매고 있는데 알고보니 옆에 대리님이 이미 찾으셨다..! 느낀게 검색에도 확실히 실력이 중요하고 기록을 안해

2020년 6월 8일
·
0개의 댓글
post-thumbnail

[TIL] React Native에서 useReduce 실습 <1>

⬆︎useState를 사용하여 만든 간단한 컴포넌트!이 컴포넌트를 useReducer를 사용하여 state관리를 해보았다.(물론 이러한 간단한 컴포넌트는 굳이 useReducer를 사용할 필요는 없음)위 reducer 함수 내 switch 에서 사용한 전개연산자(...

2020년 6월 8일
·
0개의 댓글
post-thumbnail

React Native 시작하기

0. 시작 2주 프로젝트가 마무리되고 새로운 4주 프로젝트가 시작되었다. 이번 프로젝트는 저번과 다르게 웹이 아닌 모바일 앱 개발이었고, 그래서 React Native를 사용하게 됐다. 1. Native가 뭐지? 긴 시간 동안 앱 기획을 하고 나서 이게 코딩을 해야하는데 React Native의 Native가 뭔지 궁금해졌다. 그래서 찾아보았더니 앱 개발...

2020년 6월 7일
·
0개의 댓글
post-thumbnail

[Study] react-native

노마드코더 react native 강의 메모 시작.node.js : node 버전 10이상npm : npm 버전 6이상시뮬레이터(어플리케이션 테스트) \- mac : 인스톨된 Xcode윈도우, 리눅스 : 안드로이드 스튜디오 설치expo \- 앱을 휴대폰에서 테스트

2020년 6월 6일
·
0개의 댓글

[TIL] React Hook useReducer를 맛보다(?)

2차 프로젝트를 진행하면서 useState를 많이 사용했었는데, 전체 상태 관리를 하기 위해서는 반드시 Redux를 사용해야하는 것으로 알고 있었다. Udemy에서 React native 공부를 하던 중 React Hook 중에 useReducer라는 것이 있다는 것을

2020년 6월 5일
·
0개의 댓글

react-native에 type + redux 사용

단순히 redux-saga 홈페이지에 있는 튜토리얼을 진행한 상태로 생각을 정리하는 글 입니다. RN 프로젝트를 진행하면서 기술스택을 정하다 한가지 고민거리가 생겼다.thunk 는 한번 사용해봤고, 요즘 많은 사람들이 thunk 로 작성한것을 saga 로 리빌딩 하는

2020년 6월 4일
·
0개의 댓글
post-thumbnail

[TIL] React Native Navigation

현재 Udemy에서 Stephen Grider의 The Complete React Native + Hooks Course 2020 Edition 강의를 듣고있다.앱 역시 웹 사이트 처럼 화면 전환이 이루어지는데, 이때 사용하는 것이 React Navigation이다.A

2020년 6월 3일
·
0개의 댓글

[Tips] Xcode ios Simulator 설치

📱 리액트 네이티브로 App개발을 하기전 Xcode ios Simulator 설치하기 앱 스토어에서 Xcode 정식 버전을 다운로드. 약 7GB의 대용량 파일이기 때문에 다운로드와 설치하는데 오래 걸린다.😕 XCode를 실행하고 약관 동의에 체크. 더 많은 툴과

2020년 6월 2일
·
0개의 댓글