Per ardua ad astra.

Dimensions API들어가며리액트 네이티브(React Native)의 내장 API 중 하나인 Dimensions API에 대해 간단히 정리해본다Dimensions API를 이용하여 현재 디바이스의 화면 정보를 가져올 수 있다. Dimensions API개념리액트 네이티브(React Native)에서 기본으로 제공하는 내장 API디바이스의 화면 크기(너비(Width)와 높이(Height)) 정보를 가져오는 데 사용된다.반응형 UI 구성에 활용할 수 있다.이러한 정보를 이용하여 폰트 크기(Font Size), 패딩(Padding), 마진(Margin) 등을 디바이스 화면 크기에 따라 조정할 수 있다. 사용하면 좋은 경우다양한 화면 크기에 맞춰 폰트, 간격, 크기를 조절할 때미디어 쿼리(Media Que..

미디어 쿼리(Media Query) 장치 화면 너비 브레이크포인트 정리들어가며CSS의 미디어 쿼리(Media Query)를 이용하여 반응형 디자인(Responsive Design)을 만들 수 있다.이때 사용할 수 있는 장치(Device)의 화면 너비 브레이크포인트(Breakpoint)에 대해 정리해본다. 장치 화면 너비 브레이크포인트Portrait 모드는 세로 화면, Landscape 모드는 가로 화면을 의미한다.장치브레이크포인트비고모바일320pxPortrait 모드예) iPhone 5, iPhone SE480pxLandscape 모드태블릿768pxPortrait 모드예) iPad태블릿 / 컴퓨터1024pxLandscape 모드컴퓨터1200px 이상Desktop, Laptop예제 코드/* 모바일 Port..