2주차3 스파르타_2주차(View,Text,ScrollView,Button,Image,Styles,Flex) 화면을 구성하는 기본 문법들을 하나씩 정리해보기 View 페이지 안에 필요한 영역을 구현하는 포스트잇 같은 역할 로 시작을 하면 문이 열리면서 장면 한개씩 생성되는걸로 이해된다 한 장면이 끝났다면 끝에는 항상 로 문을 닫아준다 Text 글자를 입력하려면 로 시작한다 한 문장이 끝났다면 끝에는 마찬가지 로 끝낸다 ex) 연습해보기 import { StatusBar } from 'expo-status-bar'; import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; export default function App() { return ( Open up App.js to start working on your app! .. 2022. 5. 12. 스파르타 앱개발 종합반_2주차(JSX 기본문법 익히기) 2주차 본격적으로 앱 개발 작성해보기 VS Code 실행하기까지 순서 복습해보면 1) 윈도우검색 - cmd - Expo 명령어 설치 2) 윈도우검색 - cmd - 로컬에 Expo 계정 세팅 3) VS Code - expo init 명령어로 기본 앱 생성 4) VS Code - expo start로 Expo 앱 실행 5) 휴대폰 Expo 앱 실행 - 큐알(코드) 인식, 동기화 1. 기본 구성 익히기 - App.js 프로젝트명 폴더 안의 pages폴더 안에 있는 App.js 쉽게 표현하면 앱 화면에 딱 나오게 하는 페이지 하얀 도화지라고 볼 수 있다 입력하고 저장하면 바로 Expo앱에서 화면이 뜬다 2. JSX 기본 문법 구성 - 개발에 필요한 부분들 확인 import { StatusBar } from 'e.. 2022. 5. 11. 스파르타 앱개발 종합반_2주차(프로그램 기본 셋팅) 2주차. 본격적으로 Visual Studio Code 프로그램을 이용해서 직접 코드를 검색하고 작성하고 핸드폰으로 동기화시켜서 실시간으로 화면을 띄워보는연습을 한다. 그전에 몇가지 설치하거나 설정확인을 해야할 것 체크 필요한 도구들 다운받고 설치하는 것이니 그냥 순서대로 진행한다. - 다운 받을 것. 일단 3가지 √ Visual Studio √ Node.js (최신버전 놉!) √ Android Studio - Expo 명령어 도구 설치 윈도우키+S 를 누르면 검색창이 뜨고 cmd 라고 검색하면 명령프롬프트가 뜬다 npm install -g yarn 입력하고 엔터- yarn이란 자바스크립트 패키지 매니저 툴을 설치해주는 작업이다 맥에서 에러가 난다면 명령어 npm install 맨앞에 sudo 를 붙여주라.. 2022. 5. 11. 이전 1 다음
