개발/ReactNative5 [ReactNative] 공식 문서 보기 (1) - 기초 ReactNative를 배우며, 기존 React와 사용방법이 약간 동일한 것 같지만, Html 요소가 아닌 나 와 같은 ReactNative만의 독자적인 태그를 사용하는 것을 보았다. 그래서 다시 처음으로 돌아가, 공식문서의 내용을 간단히 정리해 볼 것이다. ReactNative 공식문서는 다음과 같은 링크에서 볼 수 있다. 나는 간단히 내가 기억해야 될 부분만 순차적으로 정리해 보고자 한다. https://reactnative.dev/docs/getting-started Introduction · React Native This helpful guide lays out the prerequisites for learning React Native, using these docs, and setting .. 2022. 10. 24. 01:12 [ReactNative] expo 메모장 앱 만들기 (3) 이전 포스팅 2022.10.21 - [개발/ReactNative] - [ReactNative] expo 메모장 앱만들기 (1) 2022.10.23 - [개발/ReactNative] - [ReactNative] expo 메모장 앱만들기 (2) 이전에는 데이터 저장 / 불러오기, useEffect를 활용하여 데이터 불러오기까지 구현하였다. 이번 시간은 메모장을 리스트 형태로 제작하는 방법을 배워보겠다. 기존에 있던 코드에서 추가해주며 진행 해주겠다. 1. 리스트 뷰와 작성글 뷰 분리하기 App.js useState로 writeMode 의 여부를 표시할 state를 선언해 주었고 return 문을 두 가지로 나누어서 분기시켜주었다. writeMode가 true 이면 글쓰기 화면이 보이고, false 이면 리스.. 2022. 10. 23. 01:53 [ReactNative] expo 메모장 앱만들기 (2) 지난 포스팅 2022.10.21 - [개발/ReactNative] - [ReactNative] expo 메모장 앱만들기 (1) [ReactNative] expo 메모장 앱만들기 (1) 메모장 앱 만들기 (1) ReactNative와 expo를 이용하여 메모장 앱을 만들어보겠다. 기본적인 설치와 설정은 이전 포스팅을 참고하면된다. 2022.10.20 - [개발/ReactNative] - [ReactNative] expo 설치하기 [ReactN.. ijw9209.tistory.com 저번 포스팅에 이어 메모장 앱 만들기를 이어가도록 하겠다. 저번 포스팅에서는 메모장 앱을 실행하는 방법과, 엔터효과를 구현하는 것까지 구현하였다. 1. 저장, 불러오기 기능 만들기 앱 내 저장기능을 만드는 건 AsyncStora.. 2022. 10. 23. 00:12 [ReactNative] expo 메모장 앱만들기 (1) 메모장 앱 만들기 (1) ReactNative와 expo를 이용하여 메모장 앱을 만들어보겠다. 기본적인 설치와 설정은 이전 포스팅을 참고하면된다. 2022.10.20 - [개발/ReactNative] - [ReactNative] expo 설치하기 [ReactNative] expo 설치하기 Expo란? expo는 React 애플리케이션의 플랫폼이자 프레임워크이다. ReactNative의 크로스 플랫폼(IOS, Android)을 개발하기 위한 빌드 도구이자, 네이티브 모듈을 보다 더 쉽게 사용하도록 도와준다. ReactNat ijw9209.tistory.com 1. app.js 수정하기 app.js를 다음과 같이 수정한다. app.js import React , { useState, } from 'react.. 2022. 10. 21. 01:33 [ReactNative] expo 설치하기 Expo란? expo는 React 애플리케이션의 플랫폼이자 프레임워크이다. ReactNative의 크로스 플랫폼(IOS, Android)을 개발하기 위한 빌드 도구이자, 네이티브 모듈을 보다 더 쉽게 사용하도록 도와준다. ReactNative를 사용하면 두 가지의 개발 방법이 존재한다. - Expo CLI - React Native CLI expo를 사용하면 ReactNative의 개발을 안드로이드 스튜디오나 Xcode 없이 쉽게 개발할 수 있다. 또한 윈도우에서도 IOS의 앱을 빌드할 수 있다는 장점이 있다. expo 설치하기 1. expo를 설치하려면 Node가 설치되어야 한다. 2022.10.13 - [개발/개발지식] - [환경설정] Node.js, npm 설치하기 [환경설정] Node.js, np.. 2022. 10. 20. 23:23 이전 1 다음 728x90
