앱개발 종합반 2주차 과제

앱개발...... 웹개발과는 차원이 다른 어려움이 느껴진답...ㅠ 

5주동안 두가지를 다 마스터 한다는건 정말 욕심이었다보다 ㅠㅠ 

앱개발은 정말 한번 진행해본다는 느낌으로 해야할 것 같다. ㅠㅠ 

그래도 이번 페이지는 생각보다 단순했던것 같아서 다행이다 ㅎㅎ 

이정도만 되면 할만할텐데.. 라는 생각도 해보게 되었다 ㅋㅋ 

 

import React from 'react'

import {View, Text, StyleSheet, Image, TouchableOpacity} from 'react-native'

export default function AboutPage(){

  return (

      <View style={styles.container}>

          <Text style={styles.title}>HI! 스파르타코딩 앱개발 반에 오신 것을 환영합니다</Text>

          <View style={styles.inercontainer}>

              <Image style={styles.image} resizeMode={'cover'} 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.intext1} >많은 노력을 간결하게 담아내려 노력했습니다.</Text>

              <Text style={styles.intext2} >꼭 완주 하셔서 꼭 여러분것으로 만들어가시길 바랍니다</Text>

              <TouchableOpacity style={styles.box} >

                  <Text style={styles.boxtext} >여러분의 인스타계정</Text>

              </TouchableOpacity>

          </View>

      </View>

  )

}

const styles = StyleSheet.create({

    container: {

      backgroundColor: 'blue',

      alignItems:"center",

      flex: 1

    },

    title: {

        fontSize:30,

        margin: 20,

        color: "white",

        fontWeight: "700"

    },

    inercontainer:{

        backgroundColor:"white",

        width: 370,

        height: 650,

        borderRadius: 30,

        alignItems:"center",

        justifyContent:"center"

    },

    image:{

        width: 200,

        height: 200,

        borderRadius: 20,

    },

    intext1:{

        fontSize:20,

        marginTop:10

    },

    intext2:{

        fontSize:15,

        marginTop:20

    },

    box:{

        backgroundColor:"orange",

        padding:20,

        borderRadius:20,

        marginTop: 20

    },

    boxtext:{

        color:"white",

        fontSize:15

    }

  });