2022. 2. 10. 17:51ㆍFrontEnd
https://library.gabia.com/contents/homepage/3001/
나 혼자서도 할 수 있는 홈페이지 제작 방법
‘어떤 목적의 홈페이지를 만들겠다’는 구상이 완료되면, ‘어떻게 홈페이지를 만들 것인가’하는 방법론에 대해 고민하게 됩니다. 홈페이지를 직접 제작하고자 하는 경우, 하나부터 열까지 코딩만으로도 작업을 진행할 수 있습니다. 하지만 숙련된 전문가일지라도 코딩만으로 홈페이지를 만드는 데에는 많은 시간과 노력이 필요하기 때문에, 선호되는 방법은 아닙니다.
이 글에서는 전문가가 아니더라도, 혹은 전문가일지라도 빠르고 간편하게 홈페이지를 만드는 방법에 대해 알아보겠습니다.
1. CMS(Contents Management System)를 통해 제작하기
홈페이지를 제작하려고 할 때 워드프레스, 제로보드, 줌라 등에 대해서 한 번쯤은 들어봤을 것입니다. 이것을 보통 ‘CMS’라고 지칭하는데, Contents Management System(콘텐츠 관리 시스템)의 약어입니다. CMS는 홈페이지를 쉽게 제작하고, 운영할 수 있게 도와주는 시스템으로, ‘홈페이지 관리자 페이지’라고 생각하면 쉽습니다.
1-1. CMS 분류
형태 | 설치형 | 가입형 |
종류 | 워드프레스 제로보드 줌라 등 |
네이버 블로그 다음 블로그 윅스 등 |
특징 | 자유도가 높음 커스터마이징 가능(개발 지식 필요) 홈페이지 운영을 위한 추가적인 서비스(도메인, 호스팅 등) 신청 필요 |
자유도가 낮음 홈페이지 제작이 쉬움(개발 지식 필요 없음) 추가적인 서비스 신청이 필요하지 않음(비용 부담이 적음) |
CMS는 ‘설치형’과 ‘가입형’ 두 가지 형태로 분류할 수 있습니다. 설치형은 자신의 웹 계정에 CMS 소프트웨어를 설치하여 이용하는 방식입니다. 원하는 디자인과 기능을 자유롭게 추가할 수 있어, 홈페이지 제작자에게 높은 자유도가 주어집니다. 따라서 프로그래밍 지식이 있는 홈페이지 제작자의 경우 입맛에 맞게 커스터마이징하여 더욱 효과적으로 사용할 수 있습니다. CMS를 직접 설치하는 형태이기 때문에 보안이 취약하다는 문제가 있지만, 지속적인 버전 업그레이드가 이루어지고 있다는 점에서 안심할 수 있습니다.
홈페이지에 다양한 기능이 필요한 전자상거래 사이트 또는 네트워크 사이트 등을 제작하는 경우, 설치형 CMS를 사용하는 것이 유리합니다. 대표적인 설치형 CMS에는 워드프레스, 제로보드, 줌라 등이 있습니다.
가입형은 CMS를 제공하는 서비스에 가입하여 홈페이지를 만드는 방식입니다. 기본적인 레이아웃과 스킨이 주어지기 때문에 프로그래밍 지식이 없어도 홈페이지를 쉽게 제작할 수 있습니다. 홈페이지 제작 자유도는 떨어지지만, 서비스 제공 주체의 영향력으로 검색 결과 노출은 매우 잘 된다고 할 수 있습니다. 또한 서비스 안정성과 보안이 비교적 우수하고, 홈페이지 운영을 위한 호스팅, 도메인 등의 추가적인 서비스 이용 부담이 적습니다.
커뮤니티 홈페이지 또는 크게 기능이 필요하지 않은 홈페이지 등을 빠르게 제작할 때에는 가입형 CMS를 사용하는 것이 합리적입니다. 대표적인 가입형 CMS는 네이버 블로그, 다음 블로그, 윅스 등이 있습니다.
1-2. 워드프레스
가장 대표적인 CMS로 워드프레스를 꼽을 수 있습니다. 웹 기술 조사 사이트 W3Techs에 따르면, 전 세계 웹사이트 넷 중 하나가 이것을 기반으로 만들어졌다고 합니다. 워드프레스는 설치형과 가입형 두 가지 형태로 제공되고 있습니다. 이 글에서는 설치형 워드프레스에 대해 간단히 살펴보겠습니다.
워드프레스의 가장 큰 특징은 쉬운 사용법과 다양한 테마, 플러그인이 제공된다는 점입니다. ‘테마’는 홈페이지의 스킨, ‘플러그인’은 다양한 기능이 담긴 모듈이라고 볼 수 있습니다. 개발 언어를 모르는 사람일지라도 온라인에서 블로그 활용 경험이 있다면, 테마와 플러그인을 활용하여 손쉽게 홈페이지 제작이 가능합니다. 그리고 다양한 홈페이지 디자인과 기능을 클릭 몇 번으로 수정할 수도 있습니다. 무료로 제공되는 테마와 플러그인 중에서도 뛰어난 디자인과 성능을 갖춘 것들이 많이 존재하기 때문에 부담 없이 사용해볼 수 있습니다.
단, 워드프레스 사용 시 버전 업데이트로 인한 충돌 문제가 발생할 수 있습니다. 업데이트는 사용자가 직접 진행하는 방식인데, 버전을 업데이트 했을 때 기존에 사용하고 있던 테마 또는 플러그인과 충돌하여 홈페이지가 정상적으로 동작하지 않을 수 있습니다. 보안 문제를 고려했을 때, 업데이트는 필수불가결한 요소이기 때문에 사용하고 있는 테마와 플러그인에 부합하는 버전인지 확인한 후 업데이트를 진행하는 것이 바람직합니다.
또한 워드프레스는 영어를 기반으로 만들어져 있어, 한글 지원이 미약하다는 단점이 있습니다. 그럼에도 국내 사용자 증가 추세에 따라, 사용자 간의 정보 공유가 활발히 이루어지고 한글 튜토리얼을 찾아볼 수 있기 때문에 큰 어려움 없이 사용이 가능합니다.
1-3. WIX
대표적인 가입형 CMS로 국내 대형 포털 사이트에서 제공하는 블로그를 꼽을 수 있겠으나, 최근 쉬운 홈페이지 제작 방식으로 화제가 된 WIX에 대해 살펴보도록 하겠습니다.
WIX의 가장 큰 특징이자 장점은 홈페이지 방문자가 보는 화면을 직접 보면서 홈페이지 제작을 할 수 있다는 점입니다. 이러한 형태를 위지윅(WYSIWYG: What You See Is What You Get)이라고 합니다. 또한 WIX는 홈페이지 요소를 드래그 앤 드롭 방식으로 구성하고 수정하도록 서비스를 제공하고 있습니다. 이를 통해 빠르고 쉬운 홈페이지 제작이 가능합니다.
WIX의 한계점은 제공되는 템플릿에 이미지 또는 텍스트 수정만 가능하다는 점입니다. 하지만 수백여 개의 다양한 템플릿을 제공함으로써 커스터마이징에 대한 니즈를 상쇄하고 있습니다. 또한, WIX는 포털 사이트 블로그 서비스처럼 무료로 사용이 가능합니다. 단, 무료로 이용할 때에는 자체적인 도메인 연결이 불가능하고 WIX 자체 광고가 홈페이지에 들어가는 등 사용에 제한이 있습니다. 따라서 WIX 무료 플랜은 개인용 홈페이지로의 사용이 적합하다고 할 수 있습니다. 아래 링크에서 자세한 내용을 확인해보세요.
> 무료 홈페이지 빌더, WIX 활용법 ① 홈페이지 만들기
2. 홈페이지 구축 솔루션
홈페이지를 직접 제작하는 또 다른 방법으로 ‘홈페이지 구축 솔루션’을 사용하는 방법이 있습니다. 개인 서버를 구축하거나 가입형 CMS로 홈페이지를 제작하는 것이 아니라면 ‘호스팅 서비스’가 필요한데, 어느 정도 규모가 있는 호스팅 업체에서는 홈페이지 제작을 돕기 위해 ‘홈페이지 구축 솔루션’을 제공합니다. 가비아도 ‘홈페이지 빌더’라는 솔루션을 제공하고 있습니다. 특히, 국내 호스팅 업체에서 제공하는 홈페이지 구축 솔루션은 국내 사용자가 필요로 하는 핵심 기능을 100% 한글로 제공하고 있기 때문에 유용하게 사용할 수 있다는 장점이 있습니다. CMS를 통한 홈페이지 제작이 어렵다면, 홈페이지 구축 솔루션 활용을 고려해볼 수 있을 것입니다.
'FrontEnd' 카테고리의 다른 글
프론트엔드 개발 학습 방법 | 캡틴판교의 프런트엔드 개발 상담소 (0) | 2022.05.06 |
---|---|
프론트엔드 개발자라면 반드시 알아두어야 할 32가지의 UI 요소 (번역) (0) | 2021.08.23 |