어서와, 개발은 처음이지?

이 글은5.React Native 레이아웃 디자인 - 1부 flex와 width, height5.React Native 레이아웃 디자인 - 2부 배치(Flex Direction)와 정렬(justify content, align items)5.React Native 레이아웃 디자인 - 3부 커스텀 버튼(현재글) 5.React Native 레이아웃 디자인 - 4부 이미지 컴포넌트와 UI 마무리로 구성되어있습니다. 정신없이 휘몰아치다보면 목적지가 어딘지 깜빡할 때가 있죠. :)우리가 모방하려고 했던 화면의 모습이 기억 나시나요? 혹시 기억이 안나실까봐 다시 가져왔습니다. 자, 우리는 지난시간동안 레이아웃 잡는데 필요한 여러가지 속성을 알아봤습니다.이번에는 5-1번 글에서 작성한 레이아웃을 토대로 화면을 구성할..

이 글은5.React Native 레이아웃 디자인 - 1부 flex와 width, height5.React Native 레이아웃 디자인 - 2부 배치(Flex Direction)와 정렬(justify content, align items)(현재글)5.React Native 레이아웃 디자인 - 3부 커스텀 버튼 5.React Native 레이아웃 디자인 - 4부 이미지 컴포넌트와 UI 마무리로 구성되어있습니다. 지난 글에서는 View의 width, height와 flex 속성을 이용하여 각 컴포넌트의 영역을 잡아봤습니다.이번 글에서는 지난 글에서 미처 다루지 못했던 레이아웃 배치와 정렬에 관한 내용을 다뤄보겠습니다. 1.Flex Direction 혹시 지금까지 진행해 오면서 컴포넌트들이 세로로만 쌓였다는걸..

이 글은5.React Native 레이아웃 디자인 - 1부 flex와 width, height(현재글)5.React Native 레이아웃 디자인 - 2부 배치(Flex Direction)와 정렬(justify content, align items)5.React Native 레이아웃 디자인 - 3부 커스텀 버튼 5.React Native 레이아웃 디자인 - 4부 이미지 컴포넌트와 UI 마무리로 구성되어있습니다. 지난 시간동안 JSX, 기본 컴포넌트, State와 Props등 React Native를 사용하기 위한 기초 지식들을 알아봤는데요.드디어 실전의 시간이 왔습니다! 이번 시간부터 레이아웃 잡는 법, 화면 이동(관리), 애니메이션, 모션 제어에 대해 순서대로 알아보겠습니다. 1.레이아웃 나누기 저는 앱..