앱개발 종합반 2주차

앱개발 2주차까지 완주하였다.
시작이 반이라고는 하지만 갈 길이 멀게만 느껴진다.
아무 것도 없는 빈 통에서 시작하여 정말 아무 것도 몰랐는데 조금씩 해내고 있다는 것에 감동이 밀려온다.
새로운 메인 화면을 만들어 봤다.
코치를 받아 따라만 하는 것으로 만들어 내 것이라고는 할 수 없지만 계속 변화를 주면 언젠가는 내 것이 되지 않을까?

<About.js>

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"
return (
<View style={styles.container}>
<Text style={styles.title}>HI! 스파르타코딩 앱개발 반에 오신 것을 환영합니다</Text>

<View style={styles.textContainer}>
<Image style={styles.aboutImage} source={{uri:aboutImage}} resizeMode={"cover"}/>
<Text style={styles.desc01}>많은 내용을 간결하게 담아내려 노력했습니다!</Text>
<Text style={styles.desc02}>꼭 완주 하셔서 꼭 여러분것으로 만들어가시길 바랍니다</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: {
textAlign:"center",
fontSize:30,
fontWeight:"600",
color:"#fff",
paddingLeft:40,
paddingTop:100,
paddingRight:40
},
textContainer: {
width:300,
height:500,
backgroundColor:"#fff",
marginTop:50,
borderRadius:30,
justifyContent:"center",
alignItems:"center"
},
aboutImage:{
width:150,
height:150,
borderRadius:30
},
desc01: {
textAlign:"center",
fontSize:20,
fontWeight:"700",
paddingLeft:22,
paddingRight:22
},
desc02: {
textAlign:"center",
fontSize:15,
fontWeight:"700",
padding:22
},
button:{
backgroundColor:"orange",
padding:15,
borderRadius:15
},
buttonText: {
color:"#fff",
fontSize:15,
fontWeight:"700"
}
})