안녕하세요. 반응형 홈페이지 제작 웹프로소프트입니다. 홈페이지 제작을 준비하시면서 반응형 홈페이지에 대해 많이 들어보셨을 것입니다. PC환경과 스마트폰 환경의 콘텐츠 요소를 동일하게 설계한 것을 두고 반응형 웹디자인이라고 하는데요. PC로 웹을 접속하는 숫자보다 스마트폰 또는 태블릿PC로 웹을 접하는 숫자가 점차 늘어나면서 반응형 웹디자인의 중요성이 대두되고 있습니다. 이처럼 앞으로의 웹환경은 모바일 친화적으로 제작되어야 한다고 할 수 있는데요. 저희 웹프로소프트에서는 모바일 환경의 중요성을 인지하고 있습니다. 따라서 수주 들어오는 모든 웹사이트를 반응형 웹디자인으로 제작 진행하고 있습니다. 오늘은 반응형 홈페이지의 개념 및 저희 웹프로소프트에서 관리의 편의성을 위해 제공하고 있는 반응형 편집기에 대해 안내해드리고자 합니다.

예전에는 데스크톱 PC 또는 노트북으로만 웹을 접할 수 있었는데, 기술의 발전으로 다양한 기기로 웹 환경에 접속이 가능해졌습니다. 스마트폰, 태블릿PC, 스마트TV, 노트북 등 크기가 다양한 기기들을 위해 다양한 버전의 웹 화면이 필요하게 된 것입니다. 이처럼 화면 크기가 각기 다른 다양한 기기에 맞춰 웹 페이지의 각 요소들이 반응해서 최적화된 모양으로 바뀌는 것을 반응형 웹 또는 반응형 웹디자인, 영어로는 'responsive web'이라고 합니다.

미디어쿼리는 CSS에서 쓰이는 웹 기법입니다. 화면의 특정 조건을 만족할 때만 미디어 쿼리의 코드를 동작시킵니다. 가령 화면크기가 800px보다 클 때, 800px보다 작을 때의 디자인을 미디어쿼리를 통해 다르게 만들 수 있습니다. 하지만, 홈페이지를 관리하면서 복잡한 미디어쿼리 구문을 다 알 필요가 있을까요? 웹프로소프트에 홈페이지 제작을 맡기시면 관리하면서 반응형에 대해 전혀 알지 못해도, 반응형 웹문서를 제작하고 편집할 수 있습니다. 바로, 반응형 편집기가 있기 때문입니다.

반응형웹으로 제작한 뒤의 사후 관리도 중요합니다. 홈페이지를 운영하면서 게시판이나 갤러리 등에서 글을 쓰면 반응형 처리가 되지 않습니다. 웹문서를 쓸 때도 반응형 웹처리가 되는 반응형 편집기가 필수적으로 필요한데요. 대다수의 홈페이지 제작 업체에서는 게시판, 갤러리에 대한 지원만 해줄뿐 관리시스템까지 구현해놓지 않은 경우가 많습니다. 웹프로소프트는 자체 반응형 편집기를 제공하며, 반응형에 대해 모르셔도 디바이스의 변화에 따라 깨짐없이 문서 제작이 가능합니다.

홈페이지 제작을 맡겼는데, 홈페이지 컨텐츠를 수정하기 위해 제작업체에 문의를 하곤 하는데요. 간단한 작업의 경우 '내가 관리할 수 없을까' 하는 생각을 해보셨으리라 생각합니다. 하지만 코딩에 대한 기본 지식이 있어야 하며 중요한 정보가 유실되는 위험이 있어 신중하게 진행되어야 합니다. 따라서 제작업체에 맡기게 되는 거겠죠.

저희 웹프로소프트에서는 코딩 지식 없이도 고객사에서 직접 관리하실 수 있도록 반응형 편집기를 제공해드리고 있습니다. 가령 업체 소식과 같은 게시판 글을 꾸준히 지속적으로 관리하고 편집해야 되는데 그때마다 반응형에 대한 자문을 구하기 위해 제작업체를 찾을 수는 없는 노릇입니다. 웹프로소프트에서 야심차게 개발한 Mong9Editor를 통해 콘텐츠가 꾸준히 업데이트되는 살아있는 홈페이지로 관리하실 수 있습니다. 어려운 코딩지식이 없어도 웹문서를 아름답게 구현이 가능하며, 텍스트와 이미지 및 기타 시각적 요소를 아름다운 레이아웃으로 배열이 가능합니다.

웹프로소프트에서 제공하고 있는 Mong9Editor는 서로 다른 뷰포트(데스크톱, 모바일 가로화면, 모바일 세로화면)를 구축하여 작업할 수 있도록 하였습니다. 이를 통해 각기 다른 뷰포트마다 디자인을 차별화하고, 모바일 화면을 최적화할 수 있어 웹사이트 방문자들에게 완벽한 환경을 조성합니다.

저희가 제공해드리는 Mong9Editor는 사용자의 인터페이스를 고려한 다양한 설정창이 존재합니다. 표 편집을 위한 테이블창, 목록창, 글을 꾸미기 위한 아이콘창, 콘텐츠를 풍부하게 하는 동영상창, 지도창 등 문서블럭마다 존재하는 설정창을 통해 보다 편리하게 설정이 가능합니다. 이러한 설정창들은 팝업 형식으로 제공되어 편집에 용이합니다. Mong9 Editor에서 제공하는 블럭은 자동적으로 반응형이 고려되어 제작되었기 때문에 홈페이지를 관리하면서 반응형에 대해 몰라도, 아무 문제없이 반응형 문서를 제작하실 수 있습니다.

여기까지 홈페이지 관리를 위한 반응형 편집기 Mong9Editor에 대해 알아보는 시간을 가졌습니다. 홈페이지를 만들기만 하고 방치해두는 사이트는 죽은 사이트입니다. 꾸준한 컨텐츠를 수시로 생성해서 올려야지 살아 있는 홈페이지로 만들 수 있습니다. 하지만 컨텐츠를 올릴 때 코딩에 대한 지식이나 반응형에 대한 지식이 있어야 업로드가 가능하다면, 홈페이지 관리가 불편해질 수밖에 없습니다. 저희 웹프로소프트는 웹에 대한 전문지식 없어도 쉽게 운영할 수 있는 홈페이지를 지향합니다. 저희가 개발한 Mong9Editor로 그러한 철학 위에 만들어진 반응형 편집기로서, 코딩 지식없이도 누구나 웹문서를 만들 수 있는 환경을 지향하고 있습니다.

현재 Mong9Editor는 홈페이지 CMS인 워드프레스에 플러그인으로도 제공중이며, 저희가 자체적으로 개발한 솔루션에도 내장되어 있습니다. 저희 웹프로소프트에서 진행하는 홈페이지 제작 건은 모두 저희가 자체 제작한 CMS 솔루션을 제공해드리기 때문에 관리가 편하며, 컨텐츠를 올리기 쉽게 반응형 편집기를 제공해드리고 있습니다. 홈페이지의 최종적인 목표는 단지 홈페이지 제작에만 머물러 있지 않고, 마케팅적인 요소로 홈페이지가 기능하도록 더 많은 방문객수를 유치하는 것입니다. 웹프로소프트는 여러분의 사업에 날개가 되어드리도록 하겠습니다.
​
저희와 함께 홈페이지를 만들고자 하시는 분은 홈페이지 내 견적문의 페이지로 문의주시면 친절한 상담이 가능합니다.