은근 자주 구현하게 되는 코드이다.라이브러리 없이 구현하는게 제일 마음 편해서 공유한다

구글링 하다가 답답해서 직접 블로그를 쓴다내가 하고싶은것 : 백엔드가 없어 임시 DB가 필요하고 일단 노션에다 만든 DB를 읽어오는 것. 추가 삭제는 그 다음에 구현하고 포스팅할 예정.https://developers.notion.com/Notion Inter

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

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

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

[Nomard] React Native - Text Input

[Nomard] React Native - Touchables

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

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

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

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

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

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

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

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

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

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

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

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

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