본문 바로가기
반응형

Frontend/React Native
5

React Native 2-1. 카카오톡 친구목록 클론코딩(2) MyProfile 컴포넌트 작성import React from 'react';import { Image, StyleSheet, Text, View } from "react-native";interface MyProfileProps { uri: string; name: string; introduction: string;}export default (props: MyProfileProps) => { return ( {props.name} {props.introduction} );};const styles = StyleSheet.create({ ProfileContainer: { flexDirect.. 2025. 3. 10.
React Native 2-1. 카카오톡 친구목록 클론코딩(1) Part 2. 입문IOS, Android 시뮬레이터 꼭 두개 띄워놓고 프로젝트 진행해야한다.(같은 코드라 하더라도 동작이 다르다)현재 SDK를 따로 받을 수 없어서..안드로이드 스튜디오가 필요한듯.Ch 01. 프로젝트 1 - 카카오톡 친구목록 클론코딩프로젝트 생성npx create-expo-app kakao-friend-list헤더플랫폼별 안전영역 대응아이폰X이후로 상단 노치와 하단 인디케이터 부분이 생겨서 유의해야된다.아무것도 없이 헤더를 그냥 작성하면 상단바 처음부터 작성됨.SafeAreaView를 쓰면 안전한 영역에서부터 시작할 수 있다.const Header = () => { return ( Header )}아이폰 UI를 그리는 데 도움을 줄 라.. 2025. 3. 10.
React Native Expo실행시 iOS Simulator 실행안됨 해결 증상먼저 npx expo start해서 i로 ios 시뮬레이터를 사용하려고했는데 xcode설치했는데도 실행이 안돼서 찾아보니플랫폼을 맥이 아니라 아이폰을 다운받아야했다.이건 XCode 실행하고 Xcode에서 Setting > Components > iOS 시뮬레이터옆에 Get해서 다운받으면됨npx expo start > i 했는데너 앱스토어에서 xcode먼저 설치해라Xcode must be fully installed before you can continue. Continue to the App Store? › (Y/n)이케 뜸..xcode 설치확인Xcode를 인식하지 못하는 상황이라서그럼xcode CLI 설치확인xcode-select --version -> CLI는 버전 잘 뜨는데xcode 설치확인x.. 2025. 3. 6.
React Native 1-2. 코어컴포넌트, prop, React Hooks Ch 03. React Native 학습 시 주요 개념1. Core ComponentsAndroid와 iOS의 UI 컴포넌트 구조 차이가 있지만React Native는 같은 JSX 코드를 사용해도 Android와 iOS에서 각각 네이티브 UI 컴포넌트로 변환됨.Android에서는 내부적으로 ViewGroup > ImageView + TextView 로 변환.iOS에서는 내부적으로 UIView > UIImageView + UITextView 로 변환.한 번의 코드 작성으로 Android & iOS 모두 대응 가능!React Native의 코어 컴포넌트(Core Components)란?React Native에서 기본적으로 제공되는 UI 요소를 의미한다.React에서, , 같은 웹 요소를 사용하듯이,React.. 2025. 3. 6.
React Native 1. 소개 및 Expo 세팅 Ch 01. React Native 소개1. React Native 소개React Native의 장점하나의 코드로 iOS & Android 동시 개발 → (코드 재사용성 UP)리액트(React) 기반이어서 기존 웹 개발자도 쉽게 적응 가능 (러닝 커브 낮음)코드 푸시(CodePush)로 빠른 업데이트 가능 → (앱 스토어 심사 없이 즉시 배포)운영 비용 절감 & 빠른 핫픽스 적용Fast Refresh (빠른 개발 환경)코드 변경 시 바로 반영됨 (완전 새로고침 X)오픈소스 플랫폼무료 사용 가능, 다양한 라이브러리 활용 가능React Native의 단점일부 기능(예: 인앱 결제, 블루투스 등)은 네이티브 코드 필요iOS/Android 각각 네이티브 코드 작성해야 함오픈소스 라이브러리 의존도가 높음라이브러리.. 2025. 2. 19.
반응형

최근댓글

최근글

© Copyright 2024 ttutta

티스토리툴바