개발 & IT 정보

이전 글 보러가기 👉 [React Native #02] Expo 프로젝트 생성 [React Native #02] Expo 프로젝트 생성 현재 날짜 기준(2024.02.23)으로 작성된 글입니다. 버전이 다를 수 있는 점 참고 바랍니다. 이전 글 보러가기 👉 [React Native #01] React Native란 무엇일까 [React Native #01] React Native란 무엇일까 [React Native # jamjamtest.com [React Native #03] ScrollView / FlatList 이번 포스팅에는 핵심 컴포넌트의 기능 몇 가지를 소개해보고자 합니다. 1. ScrollView 스크롤 가능한 속성을 제공하며, 스크롤 영역은 부모 컴포넌트에서 제공합니다. ... //스크롤 ..

현재 날짜 기준(2024.02.23)으로 작성된 글입니다. 버전이 다를 수 있는 점 참고 바랍니다. 이전 글 보러가기 👉 [React Native #01] React Native란 무엇일까 [React Native #01] React Native란 무엇일까 [React Native #01] 기초 React Native란? 네이티브 모바일 앱을 제작하기 위한 React 기능 기반의 오픈 소스 프레임워크 React 구성 요소와 동일한 API 구조를 사용 → React에 대한 사전지식이 있으면 유리하 jamjamtest.com [React Native #02] Expo 프로젝트 생성 1-1. Visual Studio Code 설치 Visual Studio Code는 국내에서 가장 많이 사용되고 있는 무료 코드..

[React Native #01] 기초 React Native란? 네이티브 모바일 앱을 제작하기 위한 React 기능 기반의 오픈 소스 프레임워크 React 구성 요소와 동일한 API 구조를 사용 → React에 대한 사전지식이 있으면 유리하게 사용할 수 있음 React.js + React Native → Real Native Mobile Apps (iOS / Android) UI, 로직이 처리되는 방식 UI 요소(View, Text..): Native에 컴파일됨 로직(javascript 코드): 컴파일되지 않음 React Native 내장 컴포넌트 코드 구성 const App = preops => { return ( Hello world! ); }; 해당 코드는 Native App 코드로 컴파일되어 R..