2주차 숙제

박지영·2021년 6월 20일
0

2주차 숙제

회고

  • 이전 앱개발 할 때보다는 아주 조금 덜 헤맨다.
  • 오류 나는 것에 두려움이 사라졌다. SQL 할 때와 비슷한 느낌?
  • 내가 개발이 어려운건 '내가 뭘 모르는 지 모르는 것'때문이다.
  • 검색하는데 시간 다 가..
  • View 한 줄 쓰고 -> Style 지정하는 방식이 편하긴 하다.
  • 단점은 이렇게하면 하이어라키가 점점 헷갈리기 시작함.(익숙해지면 괜찮을 거 같기도..)

좋은 점&아쉬운 점

  • 포기하지 않은 나 칭찬해!
  • 이번에도 오타때문에 간단한 걸 놓쳤다. 이건 반성 포인트
  • 사실 아직도 어떤 순서로 이미지가 쌓이는지? 에 대한 이해가 없다.
  • 이건 flex와도 연관이 있는데, 어떻게 분할할지도 모른다는 말이기도 하다.
  • 이번엔 장님 코끼리 만지듯 어찌어찌 해결했는데 다음엔 또 어떨지..
  • 확실히 눈에 보이는 것을 만드니 재미있긴 하다.
import React from 'react'
import {View, Text, StyleSheet,Image} from 'react-native'

export default function AboutPage(){
  
  return (

    
        <View style={styles.container}>
            <Text style={styles.title}>HI! 스파르타코딩 앱개발반에 오신 것을 환영합니다</Text>
            <View style={styles.textContainer}> 
            <View style={styles.subtitle}>
            <Image style={styles.image} source={{uri:"https://firebasestorage.googleapis.com/v0/b/sparta-image.appspot.com/o/lecture%2FaboutImage.png?alt=media&token=13e1c4f6-b802-4975-9773-e305fc7475c4"}}/>
            
              <Text style={styles.desc1}>많은 내용을 간결하게 담아내려 노력했습니다!</Text>
                <Text style={styles.desc2}>꼭 완주하셔서 여러분 것으로 만들어 가시길 바랍니다.</Text>            
                <View style={styles.button}>
              <Text style={styles.buttonText}>여러분의 인스타계정</Text>
                </View>
            </View>
      
          </View>
  
        </View>
    
    )

}





const styles = StyleSheet.create({
    container: {
        //앱의 배경 색
        // backgroundColor : '#fff'
        backgroundColor: '#0c2238',
        height : "100%"
      },
      title: {
        color: '#fff',
        fontSize: 30,
        fontWeight: '900',
        marginTop: 80,
        marginLeft: 20,
      },
      textContainer:{
        margin:20,
        backgroundColor:"#fff",
        borderRadius:20,
        height : "70%"
      },
      image: {
        marginTop : 80,
        padding : 80,
        marginLeft : 80,
        marginRight: 80,
        height : 50,
        borderRadius: 30
      

      },     
      subtitle: {
        height: "80%",
        backgroundColor:'#fff',
        borderRadius : 30
      },
      desc1: {
        color: '#000',
        fontSize: 25,
        fontWeight: '900',
        marginTop: 80,
        textAlign : 'center',
        padding : 15
      },

      desc2: {
        color: '#000',
        fontSize: 18,
        fontWeight: '500',
        textAlign : 'center',
        padding : 10
      },
      button:{
        margin : 30,
        marginTop : 20,
        width:200,
        height:50,
        backgroundColor:"#ff9a9e",
        borderRadius:15,
        alignSelf : "center"

      },
      buttonText:{
        marginTop : 10,
        padding : 5,
        color:"#fff",
        fontSize: 18,    
        fontWeight : 'bold',
        textAlign:"center"
      }

  
  })
profile
개발자를 꿈꾸는 마케터

0개의 댓글