비전공자 개발일기

위의 에러가 발생해서 pod install이 안되는 경우의 해결 절차 1. 특정 프로젝트의 ios/Podfile 열기 2. use_flipper!() 주석 3. pod install

* npm i three @react-three/fiber * box.js import { useFrame } from "@react-three/fiber"; import { useState, useRef } from "react"; export default function Box({ color, ...props }) { const [isHovered, setIsHovered] = useState(false); const ref = useRef(); useFrame(() => { ref.current.rotation.x += 0.01; ref.current.rotation.y += 0.01; }); return ( { setIsHovered(true); }} onPointerOut={() => { se..

import * as React from 'react'; import {NavigationContainer} from '@react-navigation/native'; import {createNativeStackNavigator} from '@react-navigation/native-stack'; import {createBottomTabNavigator} from '@react-navigation/bottom-tabs'; import Settings from './src/pages/Settings'; import Orders from './src/pages/Orders'; import Delivery from './src/pages/Delivery'; import {useState} from 're..

import React, { useEffect } from "react"; import { StatusBar } from "expo-status-bar"; import { Text, View, StyleSheet, BackHandler, Alert } from "react-native"; import { WebView } from "react-native-webview"; import Constants from "expo-constants"; const MYLINK = "https://relaxed-turing-e7ea57.netlify.app"; // android 뒤로가기 버튼 클릭 시, 종료 확인 안내 문구 표시 const App = () => { useEffect(() => { const back..

import React from "react"; import { StatusBar } from "expo-status-bar"; import { StyleSheet, Text, View } from "react-native"; import { WebView } from "react-native-webview"; const MYLINK = "https://relaxed-turing-e7ea57.netlify.app"; export default function App() { return ( WEBVIEW ); } const styles = StyleSheet.create({ container: { marginTop: 40, padding: 30, flex: 1, alignItems: "center", ju..

정의된 자식에 대한 다양한 Press 상호 작용 단계를 감지할 수 있는 핵심 구성 요소 import React from 'react'; import {View, Text, Pressable} from 'react-native'; const Button = props => { return ( { console.log('Press In'); }} onPressOut={() => { console.log('Press Out'); }} onPress={() => { console.log('Press'); }} onLongPress={() => { console.log('Long Press'); }} delayLongPress={3000} pressRetentionOffset={{button: 50, left: ..

Props: Properties의 줄임말, 부모 컴포넌트로부터 전달된 속성값 또는 상속받은 속성값 - 부모 컴포넌트가 자식 컴포넌트의 props를 설정하면 자식 컴포넌트에서는 해당 props를 사용할 순 있지만 수정은 불가능 (수정을 원하면 부모 컴포넌트에서 수정) import React from 'react'; import { Text, View } from 'react-native'; import MyButton from './components/MyButton'; const App = () => { return ( Props alert('props')} /> alert('children')}> Children Props alert('default')} /> ); }; export default Ap..