import React from 'react'
import {StyleSheet, Text, View, Image,TouchableOpacity } from 'react-native'
import { Colors } from 'react-native/Libraries/NewAppScreen'
export default function AboutPage(){
const main ='https://storage.googleapis.com/sparta-image.appspot.com/lecture/about.png'
//
return (
<View style={styles.container}>
<Text style={styles.title}></Text><Text style={styles.MainText}>HI! 스타르타코딩 앱개발 반에 오신것을 환영합니다</Text>
<View style={styles.textContainer}>
<Image style={styles.Image} source={{uri:main}} resizeMode={"cover"}/>
<Text style={styles.imagetext1}>많은 내용을 간결하게 담아내려 노력했습니다!</Text>
<Text style={styles.imagetext2}>꼭 완주 하셔서 꼭 여러분것으로 만들어가시길 바랍니다</Text>
<TouchableOpacity style={styles.button}>
<Text style={styles.buttonText}>여러분의 인스타 계정</Text>
</TouchableOpacity>
</View>
</View>
)
}
const styles = StyleSheet.create({
container:{
flex: 1,
backgroundColor:`#1F266A`,
alignSelf:"center",
},
MainText:{
fontSize:30,
fontWeight:"700",
color:"#fff",
paddingLeft:30,
paddingTop:30,
paddingRight:30,
alignSelf:"center"
},
textContainer: {
width:300,
height:450,
alignSelf:"center",
backgroundColor:"#fff",
marginTop:50,
borderRadius:30,
justifyContent:"center",
},
Image:{
width:150,
height:150,
borderRadius:30,
alignSelf:"center"
},
imagetext1: {
textAlign:"center",
fontSize:20,
fontWeight:"700",
paddingLeft:22,
paddingRight:22,
marginTop:10
},
imagetext2: {
textAlign:"center",
fontSize:15,
fontWeight:"700",
padding:22
},
button:{
backgroundColor:"orange",
padding:20,
borderRadius:15,
width :200,
alignSelf:"center"
},
buttonText: {
color:"#fff",
fontSize:15,
fontWeight:"700",
textAlign:"center",
}
})
드디어 2주차 강의를 2주만에 끝내게 되었습니다.
약간의 변명을 하자면 직장을 다니며 퇴근 후 운동을 하다보니 시간적 여유가 없어 아침 일찍 일어나 한시간씩 공부를 했던 것 같습니다.
강의를 다 듣고 마침내 과제를 하는데 사진이 헷갈려 질문도 해보고 검색도 하며 많은 발전을 할 수 있었습니다. 분면 과제 해석을 보면 빠르게 끝낼 수 있지만 수료가 목적이 아닌 공부를 하고 싶어 최대한 스스로 해보고 도저히 시간이 부족해 해설을 보며 제가 무엇을 놓쳤는지 다시 한 번 되돌아 볼 수 있었습니다. 앞으로 더 많은 강의가 남았지만 더욱 열심히 해서 많이 배워 가도록 하겠습니다!