개발자 / 브라우저

모질라, 유연한 레이아웃 지원하는 CSS 플렉스박스 검사 도구 배포

Paul Krill  | InfoWorld 2019.01.16
모질라 파이어폭스 데브 툴즈 그룹이 CSS 플렉스박스 레이아웃 실행을 위해 플렉스박스 인스펙터(Flex box Inspector)를 공개했다. 이 도구는 개발자가 플렉스박스 요소의 크기 잡기, 포지셔닝, 네스팅을 이해하는 데 도움을 준다. 

CSS 플렉스박스 레이아웃은 CSS 플렉서블 박스 레이아웃이라고도 불리는데, 사용자 인터페이스 설계에 최적화된 CCS 박스 모델을 정의하는 CSS 모듈이다. 동적 페이지 레이아웃 구축에서 점차 인기를 얻고 있다.  플렉스 레이아웃 모델은 플렉스 하위 컨테이너를 어느 방향으로나 배치할 수 있고 크기를 자유롭게 바꿔 상위 컨테이너를 방해하지 않도록 축소하거나 사용하지 않는 공간을 채울 수 있도록 확대할 수 있다.

플렉스박스 인스펙터 개발에서 모질라는 CSS 그리드 레이아웃 검사 용도로 CSS 그리드 인스펙터 osua에 기반을 둔 도구를 개발했다. CSS 플렉스박스는 학습 곡선이 매우 가팔라서, 모질라 개발 부서가 기본 기능 세트를 구축할 수 있도록 데이터를 수집했다. 사용자 설문 조사의 개발자가 지원을 필요로 하는 영역에서는 최소/최대 너비와 높이 제한이 가장 큰 점수를 얻었다. 또 축소/확대 기능도 기대보다 높은 순위를 차지했다.
 

플렉스박스 인스펙터 다운로드받기

파이어폭스 퀀텀 : 개발자 에디션에서 플렉스박스 인스펙터 도구를 다운로드받을 수 있다. editor@itworld.co.kr 

회사명 : 한국IDG | 제호: ITWorld | 주소 : 서울시 중구 세종대로 23, 4층 우)04512
| 등록번호 : 서울 아00743 등록발행일자 : 2009년 01월 19일

발행인 : 박형미 | 편집인 : 박재곤 | 청소년보호책임자 : 한정규
| 사업자 등록번호 : 214-87-22467 Tel : 02-558-6950

Copyright © 2024 International Data Group. All rights reserved.