[スパルタコードクラブ/アプリケーション開発総合クラス]第2週開発ログ

[カリキュラムの目標]

アプリケーション開発準備-応答ネイティブ(技術)とExpo(ツール)の概要とインストール

アプリケーション画面

を作成

アプリケーションでよく使用されるJavaScript

の練習

[アプリケーション画面を作成]反応自機に画面を描く方法
キャプチャ領域(レイアウト)の構文言語をJSXと呼ぶ.

//이렇게 상단에서 사용할 엘리먼트를 react-native 라이브러리로부터 꺼내 사용합니다.
import { Text, View } from 'react-native';

<View>
  <Text>Hello, I am {props.name}!</Text>
</View>

私が開発しているレイアウトの結果を皆さんに見せるために、万博を設置し、開発環境と結びつけました!
-このアプリケーションを開発する際に、AndroidやiOSコードに触れる必要がある場合の多くに触れる必要がないツールです.また、アプリケーション開発に便利なツールもたくさんあります.
NodeとNPMとYarnの比較
事前に作成したJavaScriptギフトボックスを入手し、適切な場所で使用します.このとき必要なのはNode go NPMです.
Node.jsを使用してJavaScript開発環境を構築します.
NPMに必要なJavaScriptアプリケーション開発ツールを使用します.
糸はnpmよりも軽く、より速くJavaScriptパッケージを管理するJavaScriptパッケージ管理ツールです.
最後にExpoツールをインストール!
JSX構文
スクリーンのタグ構文の設定
JSX構文の括弧はタグと呼ばれ、

<View>영역</View>과 같이 닫는 태그로 온전히 화면의 한 영역을 구성할 때  JSX에선 엘리먼트라 부릅니다.

私が今回学んだTAGたち!

<View>, <Text>, <ScrollView>

View:スクリーンとスナップ領域を分割するには、スタイルシート(StyleSheet)を使用する必要があります.
したがって、ビューが画面上の領域であることを知ってから、議論と練習を続けます.
Text:アプリケーションで記事を作成する際に使用しなければならない要素.

<Button>, <TouchableOpacity/>, <Image>

TouchableOptity:スタイルがない限り、画面に影響を与えない領域があります.TouchableOptityにもonPress属性があります.
2つの方法があります.assetsフォルダの画像(import)を取得して使用します.
外部画像リンクを使用する方法(uri).
すべてのタグに共通するstylesプロパティ
''
デフォルトのスケルトン構造

import React from 'react';
import { StyleSheet, Text, View, Image } from 'react-native';
 
 
 export default function App() {
 return (  );
}
 
 
 
 const styles = StyleSheet.create( textContainer:{ }, container: { });