React Native

웹 리액트 개발자가 리액트 네이티브로 넘어가는것은 상당히 쉽다.난 리액트 개발자 이므로, 97% 이상 리액트 네이티브를 경험하는데에 이점이 있다...ㄱ개꿀..?

state, props, useEffect, useState 를 최소한으로 알고 있다면, 수강 가능하다.최소한의 ReactJS를 알고 있다면 가능하다.

웹이 아니므로, 앱을 만드는데 필요한 모든 소프트웨어를 다운받아야 한다.그래서 앱 개발자들이 일반적으로 가지고 있는 것들을 다운받아야 한다.안드로이드 스튜디오를 다운받아야 한다. + JAVA 를 설치해야 한다. + 안드로이드 SDK(Software Development

자바스크립트는 ReactNative 앱 개발에서 중요한 부분이 아니다.위 보이는 것처럼 JavaScript 에서 Bridge를 통해 코드가 운영체제와 통신할 수 있도록 하는 인프라 시설이 중요하다.이런 것들이 ReactNative를 구성한다.이 모든 기본시설이 있는 앱

일반적으로 React Native 로 앱개발을 하려면, Java 나 시뮬레이터를 설치해야 한다.그 이유를 알아보자.React Native는 브라우저를 사용하지 않는다.React Native는 인터페이스로, 개발자 코드와 운영체제(IOS, 안드로이드) 사이에 있는 것이다

Expo cli 를 컴퓨터에 설치하고, Expo 혹은 Expo Go 앱을 휴대폰에 설치했다는 가정 하에 이 이후 작업을 진행한다.install: npx create-expo-app@latest출처: https://docs.expo.dev/get-started/

업로드중..웹사이트에서 앱을 만들수 있는 브라우저를 말한다.sack.expo.dev 에서 가능하다.https://snack.expo.dev/이는 컴이 없거나, 패드로 개발을 하는 중이라면 도움이 될 것이다. 생긴건 Code Snad Box 처럼 생겼다.오른쪽에

div 대신 View를 사용한다.p나 span은 없다.<Text> 텍스트 <t/ext>그렇지 않으면 에러가 생긴다.몇가지 스타일에 제약이 있다.예를 들어위와 같은 스타일을 적용하면에러가 뜬다.React Native는 많은 것들을 가져 오려고 애썼지만, 웹에서

리액트 네이티브 공식 문서에서 core components 쪽을 보자 https://reactnative.dev/docs/components-and-apis그리고 공식문서에는Android 와 IOS 에 관한 부분이 나뉘어 있다.React Native에는 안드로

[Nomard] React Native - Third Party Packages React Native에서는 필수적인 컴포넌트들만 제공하기 때문에 third-party 패키지나 API 를 같이 활용해야 풍부한 개발을 할 수 있다. reactnative.directo

웹에서의 동작 방식과 거의 유사하다.grid도 없고, block 이란 개념도 없다. 단지 flex box이다.오버플로우가 난다해서 스크롤할 수는 없다. 왜냐하면 웹이 아니기 때문이다.반응형 디자인을 생각하여 많은 스크린에서 수용 가능한 방식으로 만들어 내야 한다.픽셀

날씨 앱을 만들어 보면서 style을 익혀보자!Expo 에서 Location API 를 불러와서 위치 정보를 가져와보자.그리고 해당 위치 정보를 활용해서, 날씨 API 로부터 16일 간의 기상 예보를 가져와 보자.아래와 같은 style들을 사용해 보았다.flex sty

View 와 다르게 ScrollView는 휴대폰에서 직접 스크롤을 가능하도록 해준다.예를들어 이렇게 View 안에 View로만 가득 찬 상황에서는 스크롤이 먹지 않는다. 하지만이렇게 ScrollView로 감싸준다면, 스크롤이 가능하게 된다.ScollView를 사용하게

npx expo install expo-location다양한 Method 들을 활용할 수 있다.그 중 Location.reverseCeocodeAsync(Location) 같은 경우,위도와 경도를 이 function에 주면, 도사와 구역을 반환해 주는 멋진 놈이다.그럼

Weather API 를 이용해 더욱 풍부한 앱 데이터를 가져와보자.open weather map 출처: https://openweathermap.org/api그럼 회원가입을 한 후 자신의 KEY를 가져온다.Mypage 의 My API Keys 에서 찾을 수

많은 아이콘에 접근할 수 있는 expo 라이브러리이다.사용 코드는 다음과 같으며, 아이콘을 직접 확인할 수 있는 사이트도 있다.Expo icons출처 : https://icons.expo.fyi/Index

투두리스트를 만들면서키보드 이벤트 제어input 제어(react와 다름, form 이 없음)데이터 상태 관리하는 법(휴대폰을 꺼도 유지되도록)을 배워보자.exxpo init 앱이름 --npm으로 프로젝트를 생성해보자.

[Nomard] React Native - Touchables

[Nomard] React Native - Text Input

이번에 할 것은 단순 자바스크립트이다.object를 이용한 투두 자료를 state 로 갖고 있는 것.여기서 봐야할 것은Object.assign 이다. 이를 활용해 object 를 합칠 수 있게 된 것이다.assign이 헷갈린다면ES6문법으로 볼 수 있다, 위와 같은 내

휴대폰에 나의 Data를 Persist로 저장하고 싶다.expo 로 가서 module을 찾자.그건 바로, asyncStorageasync, await를 사용해줘야 한다.또한 공식문서처럼 항상 try catch 문을 써주는게 좋다.import Storing data Re

삭제하는 버튼에서 deleteTodo 함수를 실행시켜보자.오브젝트를 delete 메서드를 이용해서 없애면 된다.importuse출처: https://reactnative.dev/docs/alert#alert