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

이번 글에서는 div 태그의 가로, 세로 가운데 정렬 방법에 대해 작성하겠습니다.해당 카테고리 관련 코드는 여기에 모아두겠습니다. 1. 가운데 정렬 div를 가운데 정렬(특히 세로 가운데 정렬) 하는 방법으로, div를 flex box로 만들어서 justify-content align-items로 가운데 정렬하는 비교적 최신 방법과 table cell로 만들어서 vertical-align 속성을 사용하는 방법이 있습니다. 하지만 위 방법을 사용하면 브라우저와의 호환(IE10 11만 flex 지원), table cell로 바꿨을때 인접 혹은 자식 레이아웃이 붕괴되는 경우가 발생하곤 하는데.. 2. position absolute을 사용하여 정렬해보자 그래서 다른 방법보다 호환성좋고 직관적으로 이해할 수 있..

이 글은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 혹시 지금까지 진행해 오면서 컴포넌트들이 세로로만 쌓였다는걸..