디자이너의 네이티브 앱 개발 도전기 #11

flex layout

글을 써야겠다! 마음을 먹었을때 촤라락 하고 쓰는게 낫다.

미루면 안쓰기 때문.

사실 대단한 글을 작성하고 있지 않기 때문에 글 하나 작성하는데 큰 시간이 소요되질 않는다.

아이폰8과 아이폰x를 크로스 대응하느라 flex에 대한 개념을 다시 공부하고 있다.

react native를 이용해 앱을 만들때 레이아웃 설계에서 가장 중요한 요소가 flex이다.

이거 모르면 화면 설계 할 수 없다.

가장 중요한 몇 가지 나열하고 이따 밤에 정확하게 강좌 수준으로 정리하려 한다.

아래 정리한 녀석들은 css에서 position이나 float만큼 중요한 녀석들이다.

alignItems

justifyContent

flexDirection

selfAlign

flex

이 5개는 죽어도 알아야 할 녀석들이다.

이중 전체 랜더링 방향을 바꿔버리는 녀석이 있는데 그녀석이 alignItems

조심해서 사용하자.

오늘 밤, 이녀석들에 대한 개념들을 강좌형식으로 글을 쓸 예정이다.