나만의 웹사이트를 만드는 일은 어렵게 느껴질 수 있지만, 만들고자 하는 사이트의 종류에 따라서는 생각보다 훨씬 쉬울 수 있습니다. 이 글에서는 맥(Mac)으로 웹사이트를 만드는 방법을 소개합니다.
이 가이드는 자체 도메인(예: www.macworld.co.uk)을 등록하고, 여기에 글이나 각종 정보를 게시할 수 있는 기본적인 웹사이트를 시작하는 데 도움을 드립니다. 그보다 더 복잡한 프로젝트를 계획하고 있다면 Udemy의 온라인 웹 개발 강좌를 수강해 보는 것을 추천합니다.
블로그처럼 더 간단한 형태의 사이트를 원한다면, 블로그 시작 방법을 다룬 별도의 가이드를 참고하는 것이 좋습니다.
웹사이트 제작 전 준비사항
웹사이트를 직접 만들고 싶다면 먼저 아래 세 가지를 고민해야 합니다.
- 웹사이트를 위한 호스팅 확보
- 웹사이트에 사용할 커스텀 도메인 구입
- 웹사이트 디자인 및 제작
물론 이것은 시작에 불과하며, 실제 사이트 구축에는 다룰 내용이 훨씬 많습니다. 하지만 이 기본기를 익히면 올바른 방향으로 나아갈 수 있고, 앞으로 계속 발전시켜 나갈 수 있는 기본 웹사이트를 갖게 될 것입니다.
웹사이트 호스팅 방법
웹사이트가 전 세계 사람들에게 보여지려면 반드시 서버에 호스팅되어야 합니다.
가장 쉬운 방법은 서버 공간을 임대하는 것입니다. 월 몇 파운드 수준의 저렴한 비용이 들며, 대부분의 업체는 웹메일, 백업 솔루션 같은 부가 기능도 함께 제공합니다.
호스팅 업체는 선택지가 매우 많고, 어느 곳이 최선인지에 대한 논쟁도 끊이지 않습니다. 시작하는 데 도움이 되도록 널리 알려진 몇 가지를 소개합니다.
- 123-reg: 세계 최대 규모의 도메인·호스팅 업체 중 하나
- GoDaddy: 글로벌 브랜드로, 영국의 다양한 웹사이트를 호스팅
- SiteGround: 빠른 글로벌 고객 지원으로 유명한 호스팅 업체
- TSOHost: 초보자에게 인기가 많으며 워드프레스 연동이 뛰어남
- FatCow: 안정적이고 지원이 좋아 소규모 비즈니스에 인기
- 1&1 Ionos: 영국 기반의 가성비 좋은 서비스로, 매우 저렴한 가격에 호스팅 제공
어느 곳을 선택할지는 본인의 판단에 달려 있습니다. Macworld 팀 중 한 명은 현재 SiteGround로 자신의 웹사이트를 호스팅하고 있는데, 아주 만족스럽다고 합니다. 다만 나머지 업체들은 충분히 직접 테스트해 보지 못해 어느 곳이 가장 좋다고 단정하기는 어렵습니다.
웹사이트 도메인 이름 등록 방법
호스팅 업체를 선택하고 가입하면, 고유한 IP(인터넷 프로토콜) 주소를 가진 웹상의 작은 공간을 구입하게 됩니다. IP 주소는 마침표로 구분된 네 개의 숫자 묶음(예: 123.123.12.32)입니다. 웹 브라우저에 이 IP 주소를 입력하면 인터넷을 통해 해당 서버로 연결되고, 그 서버와 연결된 웹사이트가 화면에 나타납니다.
하지만 아무도 이런 IP 주소를 외워다니지 않기 때문에, 'johnswebsite.co.uk'처럼 사용자 친화적인 이름이 필요합니다. 이 이름을 도메인이라고 부릅니다(엄밀히 말하면 '.co.uk'나 '.net'처럼 끝부분을 가리키는 말이지만요).
도메인 등록 사이트에서 원하는 이름과 도메인의 사용 가능 여부를 조회하면 됩니다. 사용 가능하다면 1년 단위로 임대한 뒤 IP 주소에 연결할 수 있습니다. 이후 누군가 인터넷에서 해당 도메인을 입력하면, 웹사이트가 살고 있는 IP 주소로 연결됩니다.
영국에는 도메인 등록 서비스가 많으며, 123-Reg.co.uk가 인기 있는 선택지로 꼽힙니다. 하지만 가능하다면 호스팅 업체를 통해 도메인을 함께 등록하는 편이 좋습니다. 도메인을 호스팅 서비스에 바로 연결하기 쉽고, 나중에 변경 사항을 적용할 때도 훨씬 수월하기 때문입니다.
맥에서 웹사이트 디자인하기
호스팅과 도메인 등록을 마쳤다면 이제 웹사이트를 만들 차례입니다. 방법은 다양합니다. 가장 기본적으로는 HTML 문서, 디자인과 레이아웃을 담당하는 CSS 문서, 이미지 파일 등을 조합해 사이트를 구성합니다. HTML과 CSS는 결코 배우기 어렵지 않으며, 웹 디자인에 입문할 계획이라면 기본 HTML을 익혀두는 것이 큰 도움이 됩니다.
그런 길을 선택한다면 Udemy의 HTML·CSS 강좌를 확인해 보길 권합니다. 하지만 대부분의 사람들은 코드를 일일이 손으로 작성하는 대신, 웹 디자인 프로그램이나 워드프레스(WordPress) 같은 온라인 CMS(콘텐츠 관리 시스템)를 활용합니다.
정기적으로 글을 올릴 수 있는 웹사이트를 만든다면 워드프레스로 사이트를 구축하는 것이 가장 좋은 방법이라고 생각합니다. 워드프레스는 WordPress.org 웹사이트에서 다운로드하며, WordPress.com과는 다릅니다. WordPress.com은 mysite.wordpress.com처럼 wordpress.com으로 끝나는 개인 홈페이지를 만드는 서비스이고, WordPress.org는 전체 워드프레스 시스템을 내려받아 자신의 사이트에 설치하는 용도입니다.
설치 후에는 워드프레스 자체 테마를 골라 사이트 디자인을 적용하거나, 구글에서 '워드프레스 테마'를 검색해 수천 가지 유료 테마를 찾아볼 수도 있습니다. 페이지와 콘텐츠를 디자인하는 과정은 선택한 테마에 따라 다르지만, 대부분 상세한 가이드와 지원 자료를 제공하므로 금방 적응할 수 있습니다.
워드프레스 대신 다른 방법을 원한다면 선택지는 얼마든지 있습니다. 맥에서 인기 있는 웹 디자인 소프트웨어는 다음과 같습니다.
- Realmac RapidWeaver
- Karelia Sandvox
- Blocs
더 많은 추천이 필요하다면 맥용 최고의 웹 디자인 소프트웨어 모음 기사를 확인해 보세요.