오프라인이며 가벼운 VS Code 확장 프로그램으로 실제 디바이스 프레임에서 반응형 디자인을 미리 보기

Source: Dev.to

Introduction

저는 UI가 반응형인지 확인하기 위해 VS Code와 무거운 브라우저를 왔다갔다 하는 것이 자주 답답했습니다. 작업 흐름이 끊기고 메모리 사용량도 너무 많아 ViewPort를 만들게 되었습니다 — 편집기 안에서 실제 디바이스 프레임으로 HTML/CSS/JS를 미리볼 수 있게 해 주는 VS Code 확장 기능입니다.

Features

• 100 % Offline – 모든 것이 로컬에서 실행됩니다.
• Privacy First – 텔레메트리나 데이터 추적이 전혀 없으며, 코드는 여러분의 소유입니다.
• Real Device Frames – iPad, Pixel, Desktop 등 실제 디바이스의 CSS 치수를 정확하게 표시합니다.
• Lightweight – 시스템 자원을 과도하게 차지하지 않습니다.

Installation

VS Code Marketplace에서 바로 설치할 수 있습니다:

Download ViewPort Here

Feedback

여러분의 생각, 피드백, 혹은 기능 요청을 언제든 환영합니다. 의견을 알려 주세요!