리엑트 네이티브 껍데기에 알맹이는 리엑트 웹사이트인 웹뷰를 제작한다. Expo 프로젝트 시작하기 npx create-expo-app app-name Ok to proceed? (y) y EAS CLI 설치 npm install -g eas-cli react-native-webview 라이브러리 설치 npx expo install react-native-webview WebView 컴포넌트 불러오기 import * as React from "react"; import { WebView } from "react-native-webview"; import { StyleSheet } from "react-native"; import Constants from "expo-constants"; export defa..
스파르타코딩클럽 - [왕초보] 나만의 수익성 앱, 앱개발 종합반 강의를 듣고 내용을 정리한 게시글입니다. 스파르타코딩클럽 5주 완성! 코딩을 전혀 모르는 비개발자 대상의 웹개발 강의 spartacodingclub.kr eas 설정 - eas 라이브러리 설치 $ npm install -g eas-cli $ npx expo install expo-build-properties - eas 로그인하기 (expo 계정과 동일) $ eas login - "나의 앱은 eas 빌드 방식에 맡긴다"는 명령어 실행 ( 선택창에서 ALL 선택 ) $ eas build:configure - eas prebuild $ npx expo prebuild $ eas build -p android --profile developmen..
스파르타코딩클럽 - [왕초보] 나만의 수익성 앱, 앱개발 종합반 강의를 듣고 내용을 정리한 게시글입니다. 스파르타코딩클럽 5주 완성! 코딩을 전혀 모르는 비개발자 대상의 웹개발 강의 spartacodingclub.kr API (Application Programming Interface) API : 서버 쪽에서 정한 규칙 앱에서 서버에 데이터를 요청하거나 데이터를 보내는 대화를 하려면 서버가 정한 규칙에 따라 대화 요청을 해야한다. 정한 규칙에 따라 요청을 하지 않으면 응답이 오지 않는다. 그 규칙을 API 라고 부른다. 그 규칙의 형태는 서버가 제공하는 도메인일 수도 있고, 서버가 만들어놓은 함수를 그냥 이용해서 사용하는 규칙일 수도 있다. 서버가 앱에 데이터를 줄 땐 JSON 형태로 데이터를 전달해준..
스파르타코딩클럽 - [왕초보] 나만의 수익성 앱, 앱개발 종합반 강의를 듣고 내용을 정리한 게시글입니다. 스파르타코딩클럽 5주 완성! 코딩을 전혀 모르는 비개발자 대상의 웹개발 강의 spartacodingclub.kr 네비게이션 네비게이션 : 앱에 페이지 개념을 입혀주고, 앱에서 만든 컴포넌트들을 페이지화 시켜주고, 해당 페이지끼리 이동을 가능하게 해주는 라이브러리 - React Navigation을 사용 React Navigation | React Navigation Routing and navigation for your React Native apps reactnavigation.org ▼ 현재 생성된 페이지 MainPage AboutPage DetailPage - 네비게이션 설치 $ yarn ad..
스파르타코딩클럽 - [왕초보] 나만의 수익성 앱, 앱개발 종합반 강의를 듣고 내용을 정리한 게시글입니다. 스파르타코딩클럽 5주 완성! 코딩을 전혀 모르는 비개발자 대상의 웹개발 강의 spartacodingclub.kr 앱 화면 만들기 - DetailPage 구현 ▼ myapp/pages/DetailPage.js 더보기 import React from "react"; import { StyleSheet, Text, View, Image, ScrollView, TouchableOpacity, Alert, } from "react-native"; export default function DetailPage() { const tip = { idx: 9, category: "재테크", title: "렌탈 서비스..
스파르타코딩클럽 - [왕초보] 나만의 수익성 앱, 앱개발 종합반 강의를 듣고 내용을 정리한 게시글입니다. 스파르타코딩클럽 5주 완성! 코딩을 전혀 모르는 비개발자 대상의 웹개발 강의 spartacodingclub.kr JSX JSX : 리액트 네이티브 앱 개발에서 구역(레이아웃)을 잡는 문법 언어 용도에 맞는 태그를 정해놓았기 때문에, 필요한 태그를 그때그때 꺼내서 사용하면 된다. 화면의 구역을 잡을 때는 태그 글자를 쓸 때는 태그를 사용 ▼ JSX 문법 예시 import { Text, View } from 'react-native'; Hello, I am {props.name}! 앱 개발 준비 - 리엑트 네이티브 & Expo 설치 및 실행 React Native : 자바스크립트 언어 하나로 안드로이드 ..