본문 바로가기

쿤즈 Dev/React Native3

[React Native] 네비게이션 만들기(2): 두 번째 화면 만들기 지난 포스팅에서는 네이게이션을 이용하여 Stack 첫 화면을 만들었다. 이렇게 쉽게 화면 하나를 만들 수 있다는 점에서 놀라웠다. 물론 아직 아무런 화면의 구성도 만들지 않았지만 말이다. 2023.04.04 - [쿤즈 Dev/React Native] - [React Native] 네비게이션 만들기(1): Home 화면 만들기 [React Native] 네비게이션 만들기(1): Home 화면 만들기 리액트 네이티브를 사용하면서 초기에 가장 필요한 기능이 바로 네비게이션 메뉴인것 같다. 이는 메뉴뿐만 아니라 화면을 이동하는데 사용하는 라이브러리이기 때문에 손쉽게 이동을 구현할 koonsland.tistory.com 이번 포스팅에서는 두 번째 화면을 만들고 화면 이동을 해 볼 것이다. 두 번째 화면 만들기 두.. 2023. 4. 8.
[React Native] 네비게이션 만들기(1): Home 화면 만들기 리액트 네이티브를 사용하면서 초기에 가장 필요한 기능이 바로 네비게이션 메뉴인것 같다. 이는 메뉴뿐만 아니라 화면을 이동하는데 사용하는 라이브러리이기 때문에 손쉽게 이동을 구현할 수 있다. 이번 포스팅에서는 네비게이션 라이브러리를 사용하는 방법을 알아보도록 하겠다. React Navigation 리액트 네비게이션이라는 사이트가 존재한다. React Navigation: https://reactnavigation.org 현재 6.x 버전이며 이 라이브러리를 다운로드 해서 만들 예정이다. 현재 Expo 를 이용해서 개발하는 방법을 공부하고 있는데 대표 화면에 큼지막하게 Routing and navigation for Expo and React Native apps 라 나와 있어서 아주 속이 편한다. [Rea.. 2023. 4. 4.
[React Native] Expo 이용해서 프로젝트 만들기 리엑트 네이티브를 이용해서 앱을 만들어볼 예정이다. 공부를 하면서 만들 예정이므로 잘 모르는 부분과 헤매는 부분들이 많을 것을 예상된다. 그럼에도 불구하고 블로그를 남기는 이유는 내가 헤매는 부분들은 다른 사람들도 겪을 수 있는 일들이기 때문에 기록하기 위함이다. 이번 포스팅에서는 Expo 를 이용해서 리엑트 네이티브 앱을 간단하게 설치해보고 프로젝트를 생성하려 한다. Expo 란 무엇인가 Expo는 IOS, Android 애플리케이션을 더 쉽게 구현하고 실행할 수 있도록 하는 오픈소스 프레임워크다. 리액트 네이티브를 이용해서 만들 수도 있지만 엑스포 앱을 통해서 더 쉽게 할 수 있는 일들이 많다. Expo 사이트: https://docs.expo.dev Expo를 이용해서 React Native 프로젝.. 2023. 4. 2.