2주차 과제 중

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

export default function AboutPage(){

const aboutImage = "https://firebasestorage.googleapis.com/v0/b/sparta-image.appspot.com/o/lecture%2FaboutImage.png?alt=media&token=13e1c4f6-b802-4975-9773-e305fc7475c4"

return (

G.ZONE

    <View style = {styles.textContainer}>
      <Image style = {styles.aboutImage} source = {{url:aboutImage}} resizeMode = {"cover"} />
      <Text style = {styles.desc01}>7단계 국어 학습 GZONE</Text> 
      <Text style = {styles.desc02}>자기조직화 학습으로 국어 100점 받기</Text> 
      <TouchableOpacity style = {styles.button}>
        <Text style = {styles.buttonText}> 학습 시작하기 </Text>
      </TouchableOpacity>
    </View>
  </View>)

}

const styles = StyleSheet.create({
container : {
flex : 1,
backgroundColor : "#1F266A",
alignItems : "center"
},

title : {
fontSize : 50 ,
fontWeight : "700",
color : "#fff",
paddingRight : 30,
paddingLeft : 30,
paddingTop : 100
},

textContainer : {
backgroundColor : "#fff",
width : 500,
height : 800,
borderRadius : 30 ,
marginTop : 20,
justifyContent : "center",
alignItems : "center"
},

aboutImage : {
width : 400,
height : 400,
borderRadius : 100
},

desc01 : {
textAlign : "center",
fontSize : 35,
fontWeight : "700",
paddingTop : 50,
paddingLeft : 50,
paddingRight : 50
},

desc02 : {
textAlign : "center",
fontSize : 20,
fontWeight : "700",
padding : 30
},

button : {
backgroundColor : "orange",
padding : 20,
borderRadius : 15
},

buttonText : {
color : "#fff",
fontSize : 35,
fontWeight : "700",

}

})