2週目の作業

6390 ワード
開発学習 テキストリンク
2週目の作業

振り返る

  • 以前のアプリケーションを開発したときよりも、少し暇が少なくなりました.
  • エラーは恐怖を解消した.SQLの時とあまり差がない感じ?
  • 私が開発しにくいのは「何が分からない」からです.
    • 検索
  • 、もうすぐ時間です...
  • View->スタイルを指定する方法は確かに便利です.
  • の欠点はこのようにすると、ハイルラキはますます混同し始めた.(慣れていれば大丈夫ですが…)

    • メリット&残念

  • あきらめなかった私はあなたを称賛します!
  • 今回も誤字で簡単なものを見逃してしまいました.反省点
    • です
  • 実際には今でもどのような順序でイメージを蓄積していますか?理解できない.
  • これはflexにも関連しています.つまり、どのように分割するか分かりません.
  • 今度は盲目の象を触るように、どうやって解決したのか、次はどうなるのか.
  • 明らかなものを作ったのは確かに面白いです.
    • import React from 'react'
import {View, Text, StyleSheet,Image} from 'react-native'

export default function AboutPage(){
  
  return (

    
        <View style={styles.container}>
            <Text style={styles.title}>HI! 스파르타코딩 앱개발반에 오신 것을 환영합니다</Text>
            <View style={styles.textContainer}> 
            <View style={styles.subtitle}>
            <Image style={styles.image} source={{uri:"https://firebasestorage.googleapis.com/v0/b/sparta-image.appspot.com/o/lecture%2FaboutImage.png?alt=media&token=13e1c4f6-b802-4975-9773-e305fc7475c4"}}/>
            
              <Text style={styles.desc1}>많은 내용을 간결하게 담아내려 노력했습니다!</Text>
                <Text style={styles.desc2}>꼭 완주하셔서 여러분 것으로 만들어 가시길 바랍니다.</Text>            
                <View style={styles.button}>
              <Text style={styles.buttonText}>여러분의 인스타계정</Text>
                </View>
            </View>
      
          </View>
  
        </View>
    
    )

}





const styles = StyleSheet.create({
    container: {
        //앱의 배경 색
        // backgroundColor : '#fff'
        backgroundColor: '#0c2238',
        height : "100%"
      },
      title: {
        color: '#fff',
        fontSize: 30,
        fontWeight: '900',
        marginTop: 80,
        marginLeft: 20,
      },
      textContainer:{
        margin:20,
        backgroundColor:"#fff",
        borderRadius:20,
        height : "70%"
      },
      image: {
        marginTop : 80,
        padding : 80,
        marginLeft : 80,
        marginRight: 80,
        height : 50,
        borderRadius: 30
      

      },     
      subtitle: {
        height: "80%",
        backgroundColor:'#fff',
        borderRadius : 30
      },
      desc1: {
        color: '#000',
        fontSize: 25,
        fontWeight: '900',
        marginTop: 80,
        textAlign : 'center',
        padding : 15
      },

      desc2: {
        color: '#000',
        fontSize: 18,
        fontWeight: '500',
        textAlign : 'center',
        padding : 10
      },
      button:{
        margin : 30,
        marginTop : 20,
        width:200,
        height:50,
        backgroundColor:"#ff9a9e",
        borderRadius:15,
        alignSelf : "center"

      },
      buttonText:{
        marginTop : 10,
        padding : 5,
        color:"#fff",
        fontSize: 18,    
        fontWeight : 'bold',
        textAlign:"center"
      }

  
  })
    Hasuraアクションを使用してGraphqlにあなたの残りのAPIを回してください
    [TIL 2021.10.13] js.callback hell