#앱개발 #2주차숙제

 

시간 쪼개서  정신없이 합니다ㅠ
인터넷 검색,지식인,뉴스 정도만 보는 수준이였는데~

 

미래를 위한 준비 차원에서

고민고민 하다가
배운다는 집념만 가지고 시작함.

어휴,어렵네요 ㅠㅠ
코딩 공부를 한다는게 신기할 따름이네
내껄로 만들어 보자~ 홧팅!

2주차 숙제인데-
시간 날때마다 다시 반복연습~~~해야되겠지

 

import React from 'react'

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

export default function AboutPage(){

    const aboutImage = "https://storage.googleapis.com/sparta-image.appspot.com/lecture/about.png"

  return (

    <View style={styles.container}>

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

        fontSize:30,

        fontWeight:"700",

        color:"#fff",

        paddingLeft:30,

        paddingTop:100,

        paddingRight:30

    },

    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:20,

        borderRadius:15

    },

    buttonText: {

        color:"#fff",

        fontSize:15,

        fontWeight:"700"

    }

})