웹 퍼블리셔 웹개발자용 브라우저 BLISK, 모바일과 PC화면을 동시에


요즈음은 N스크린 시대입니다. N스크린이란 다양한 PC나 노트북뿐 아니라 스마트폰이나 태블릿등 디바이스별로 다양한 화면 사이즈기 존재한다는 것을 말합니다. 근래는 버스나 지하철만 타도 다양한 화면 사이즈를 지닌 모바일 디바이스를 사용하는 사람들을 주변에서 흔히 볼 수 있습니다.


이런 환경에서 코딩을 하는 웹 퍼블리셔나 웹개발자들은 제작한 웹사이트가 데스크탑 PC화면에서 뿐 아니라 모바일 웹브라우저 화면에서도 어떻게 보여지는가를 반드시 테스트 해봅니다. 회사의 업무 분장에 따라서는 간혹 웹 디자이너분들도 웹표준 코딩을 하고 테스트하는 경우도 있구요.

굳이 전문적인 퍼블리셔나 개발자가 아니더라도 블로그를 운영하는 일반인 운영자 역시 자신이 작성한 블로그 포스팅이 모바일에서 어떻게 보여지는지 확인하기 위해서 수시로 스마트폰을 확인하곤 하지요.


이 때 편리하게 사용할 수 있는 프로그램이 있는데, 바로 BLISK 입니다. BLISK는 크로미엄(Chromium) 기반으로 만들어진 웹 개발 전용 브라우저로 모바일과 PC화면을 동시에 편리하게 확인하는 기능을 가지고 있습니다.

즉, 모바일과 데스크탑 PC 화면을 동시에 띄워놓고 화면을 스크롤링하거나 스크린 샷을 찍어놓을 수 있고, 스크린 녹화기능으로 웹사이트 제작을 하면서 디버깅 및 테스트 도구로도 훌륭하게 확인할 수 있습니다.

전문 개발자나 퍼블리셔가 아니더라도 개인적으로 블로그를 운영하는 사람도 모바일과 데스크탑 PC 화면을 동시에 보면서 블로그 화면을 확인하는데 이용할 수 있겠죠.



BLISK란 무엇인가?


BLISK 공식사이트에 들어가면 아래 그림과 같이 BLISK가 무엇인지 기능과 정체성을 명확하게 이야기 하고 있습니다.

BLISK는 어떤 디바이스에서든지 잘 보이고 원활히 작동하는 웹사이트 개발과 테스트를 위한 도구이다.

첫째, 스마트폰과 태블릿 등 모바일 디바이스를 시뮬레이션 할 수 있다.
둘째, 데스크탑과 모바일의 URL과 스크롤이 자동으로 동기화되어 작동한다.
세째, 파일이 변경되면 자동으로 페이지를 새로고침한다.
네째, 개발도구와 함께 이용해서 데스크탑과 모바일 디버깅을 할 수 있다.
다섯째, 어떤 IDE 개발툴이나 개발언어, 프레임워크에서도 제대로 작동한다.


조금 전에 앞에서 언급한 BLISK의 기능에 대해서 웹 퍼블리셔나 개발자는 이해하기 어렵지 않아도 블로그를 운영하는 일반인은 어렵게 느껴질 수 있습니다. 



어렵게 느껴지는 분들은 아래 공식 홈페이지에서 'PRESS & MEDIA' 메뉴를 누른 뒤에 'WATCH VIDEO'를 참고바랍니다.


여기에서 제공하는 영상만 보아도 Blisk의 개념이나 동작 방식을 쉽게 이해할 수 있습니다.



BLISK 설치하고, 웹 퍼블리셔가 아닌 블로거도 사용해보자!


그럼 BLISK를 다운로드하고 설치하겠습니다. 현재는 지원하는 운영체제가 윈도우와 Mac 입니다. 리눅스는 조만간 지원할 예정입니다. 'DOWNLOAD BLISK'를 눌러서 진행하면 됩니다.


팝업에서 운영체제를 윈도우로 확인하고 설치파일을 다운로드 받습니다.


실행파일을 클릭해서 설치를 진행합니다.


여러가지 기능이 있는 개발용 브라우저이기 때문에 설치를 진행할 때 시간이 조금 걸립니다. 천천히 기다리세요.


기다림끝에 BLISK의 설치가 완료되었습니다. 설치가 되면 아래 그림과 같이 2분짜리 Overview가 나타납니다.


유튜브 동영상으로 제공되는 Overview는 BLISK의 간단한 사용방법을 설명합니다.


그럼 한번 실습해보겠습니다. 사용하는 것은 어렵지 않습니다. 브라우저 주소창에 URL을 입력하면 아래 그림과 같이 왼쪽에는 모바일 화면이 오른쪽에는 데스크톱 화면이 뜨게됩니다.

현재는 가상의 모바일 디바이스로 아이폰6가 선택되어 있는 상태입니다. 아이폰6에서 웹사이트 시뮬레이션 및 테스트를 해볼수 있는 것이지요.


만약 다른 모바일 디바이스를 테스트 해보려면 아래와 같이 갤럭시S6 엣지로 디바이스를 선택하면 됩니다.
디바이스를 선택하는 즉시 가상의 갤럭시S6 엣지 스마트폰이 나타나고 웹사이트의 테스트 및 시뮬레이션을 할 수 있습니다.

이런 기능은 전문가뿐 아니라 일반인 블로거들도 활용하면 유용하게 사용할 수 있을 것입니다.


그럼, 아래 BLISK 공식사이트를 통해서 프로그램을 다운로드 받아서 유용하게 활용하시기 바랍니다.



+ Recent posts