React Native 프로젝트 시작

오늘부터 팀 프로젝트 시작이다. 

내가 첫번째로 해야할 기능 구현 은

마이페이지 UI 제작이다.

 

피그마로 제작한 와이어 프레임

 

일단 컴포넌트 단위로 쪼개서 만들어야 한다. 

그래서 프로필 먼저 시작함

 

시작하기 전에 파워포인트로 박스를 어떻게 나눌지 고민했다. 

 

아마도 이건 나만 알아볼 수 있겠지? ㅋㅋㅋ

이렇게 쪼개놔야 CSS 하기가 편함 

 

겹치는 부분은 props 를 주어서 효율을 높이려고 했다. 

const ProfileButtonText = styled.Text`
  color: ${(props) => props.color};
  margin-right: 10px;
`;

 

<내가 작성한 댓글> 부분은  특별히 박스 구조를 만들 필요가 없을 정도로 간단해서 

바로 진행했다. 

그런데 요기는 스크롤뷰가 가능하게 해줘야 된다 + 나는 스크롤바가 보이길 원치 않는다.

 

export default function MyPage({ navigation: { navigate } }) {
  return (
    <ScrollView showsVerticalScrollIndicator={false} style={{ margin: 10 }}>
      <Profile />
      <MyComments></MyComments>
    </ScrollView>
  );
}

showsVerticalScrollIndicator={false}  속성을 사용해서 가려줬다. 

 

이제 로그인 페이지랑 회원가입 페이지 해야됨