[RN] No bundle URL present 이슈 해결
·
모바일/React Native
xcode로 시뮬레이터를 잘만하다가 깃허브 다른 프론트 분과의 코드를 머지 시켰더니..내가 뭔갈 잘못 건드린건지나의 시뮬레이터가 갑자기 다운되는 이슈가 발생했다.오류를 해결하면 다른 오류가 생기고... 찾아보니 흔한 오류였어서 잊지말자는 의미에서 포스팅한다. 1. error Failed to build ios project. "xcodebuild" exited with error code '65'분명히 터미널에는 어플이 성공적으로 빌드되었다고 알람이 뜨는데 시뮬레이터가 작동하지 않아 xcode 내에서의 문제임은 직감했었다.이 에러는 구글링 해보니까 사람들이 많이 겪는 에러였다. .  1-2. 해결과정(1) xcode 열기(2) 파일 클린업해주기xcodebuild clean -workspace kboFro..
[React] 쏟아지는 페이지 관리하기
·
모바일/React Native
https://www.youtube.com/watch?v=NwLWX2RNVcw&t=319s* 본 포스팅은 해당 영상의 요약본이자 공부한 내용의 압축이므로해당 영상을 참고하시길 바랍니당~..~  1. 프론트의 대표적인 형태패턴 1. 상점목록페이지와 상세페이지로 이루어져 있다.블로그, 뉴스, 투두리스트 또한 비슷한 맥락이다. 패턴2. 단일 페이지 앱페이지 이동 없이 한 페이지 내에서 상호작용이 일어난다.채팅, 지도가 대표적인 예시이다. 패턴3. 설문조사여러 페이지를 통해 상태를 수집하고, 결과 페이지를 보여준다.회원가입, MBTI 검사등이 예시이다. Funnel(보통 Funnel  퍼널은 마케팅 용어이다)  유저가 서비스에 들어와서 최종 목표지점까지 도달하기까지 '깔대기(Funnel)' 모양을 가지기 때문에..
[RN] 하단 버튼바 만들기
·
모바일/React Native
UI 에 필수적인 하단 버튼바 만들기 import React, { useState } from "react";import { View, Text, TouchableOpacity, Image } from 'react-native';import Icon from "react-native-vector-icons/Ionicons";import styles from '../components/Bstyles';import { COLORS } from '../components/theme'; const TabItem = ({ tabId, currentTabId, setTabId, iconName, imageName, label }) => { const isSelected = currentTabId === tabId..
[RN] 네비게이션 (1)- navigation 사용하기
·
모바일/React Native
https://reactnavigation.org/docs/navigation-container/😘 Navigation 이란?React Navigation 라이브러리에서 제공하는 컴포넌트로, 내비게이션 상태를 관리하고 앱의 내비게이션 트리를 설정하는 역할을 한다.모든 네비게이터(navigator)는 NavigationContainer 안에 위치해야 하며, 이는 내비게이션 상태가 적절하게 관리되고 유지되도록 한다.💡 언제 사용할까?앱의 최상위 수준에서 내비게이션 상태를 관리할 때네비게이터를 설정하고, 각 화면(Screen)을 정의하고 화면 전환이 필요할 때 📌 필요한 라이브러리 설치npm install @react-navigation/nativenpm install @react-navigation/s..
하이롱하이롱
'모바일/React Native' 카테고리의 글 목록 (2 Page)