[나만의 수익성 앱, 앱개발 종합반] 개발일지(코딩연습일지) 2주차

작성하다가 만 코드(시간 오래걸려서 추후 다시 예정)

import React from 'react'

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

export default function AboutPage(){

    return(

        <View style={styles.container}>

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

            <View>

                <Image style={styles.mainimage} source={{uri:"https://firebasestorage.googleapis.com/v0/b/sparta-image.appspot.com/o/lecture%2FaboutImage.png?alt=media&token=13e1c4f6-b802-4975-9773-e305fc7475c4"}}/>

            </View>

            </View>

    )

}

const styles = StyleSheet.create({

    container: {

        flex:1,

    backgroundColor: '#7E9DCE',

    alignItems:'center'

    },

    whitetext:{

        fontSize:35,

        marginTop:100,

        marginLeft:10,

        marginRight:10,

        color:'#fff',

        fontWeight:'600'

    },

    mainimage:{

        width:300,

        height:300

    }

})

 

원본코드

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 (
    
        HI! 스파르타코딩 앱개발 반에 오신것을 환영합니다
       
        
        
            
            많은 내용을 간결하게 담아내려 노력했습니다!
            꼭 완주 하셔서 꼭 여러분것으로 만들어가시길 바랍니다
            
                여러분의 인스타계정
            
        
    )
}

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"
    }
})