반응형

JSX 2

(나의개발자일지) 2-2주차

9) App.js 구석구석 살펴보기 간단히는 App.js는 앱의 화면을 그려주는 커다란 함수. 또는 App.js는 리액트 네이티브 라이브러리와 Expo에서 제공해주는 기능들을 사용하여 화면을 그려주는 커다란 함수 expo start로 시뮬레이터에 띄운 앱의 화면을 보면 App 함수에 기입되어 있는 글귀가 보이고 있음을 확인 가능 "Open up App.js to start working on your app!" 화면 //우리가 리액트, 리액트 네이티브, 엑스포 라이브러리에서 꺼내 사용할 기능들을 //이렇게 앞으로도 상단에 선언한다음 가져다 사용합니다. import { StatusBar } from 'expo-status-bar'; -> 'expo-status-bar'라는 폴더에서 StatusBar라는 도..

개발일지 2023.03.06

(나의개발일지) 2-1주차

[앱 개발 준비] 시작하는 리액트 네이티브 & Expo 리액트 네이티브 앱 개발을 더 편하고 쉽게 도와주는 Expo라는 도구로 앱 개발을 진행! 이에 대해 조금 살펴보고, 개발에 필요한 준비들을 진행! 도구들이 제공해주는 사용 설명서를 보면서 조립해 나가면 앱이 완성! 앱 개발, 즉 리액트 네이티브 앱 개발에서 구역(레이아웃)을 잡는 문법 언어를 JSX. JSX문법은 정말 간단하게, 화면의 구역을 잡을 때는 태그를, 글자를 쓸때는 태그를 사용 태그란 과 같이 꺽쇠로 표현하는 프로그래밍 문법을 뜻합니다! HTML들어보셨나요? HTML도 태그 문법! //잠시 살펴보는 JSX !!! (예시) //이렇게 상단에서 사용할 엘리먼트를 react-native 라이브러리로부터 꺼내 사용합니다. import { Text..

개발일지 2023.03.05
반응형