2018.07.06

"도메인 구매부터 디자인까지"··· 맥에서 웹사이트를 만드는 방법

Lucy Hattersley | Computerworld UK
자신의 웹사이트를 만드는 것은 벅찬 작업처럼 느껴지기 쉽다. 그러나 만들려는 웹사이트 형태에 따라 생각보다 더 간단한 작업이 될 수도 있다. 맥 컴퓨터에서 웹사이트를 만드는 방법을 살펴보자.



여기서는 자신의 도메인을 이용해 기본적인 웹사이트를 만드는 과정에 집중한다. 더 정교한 웹사이트를 만들고 싶다면 유데미(Udemy)의 온라인 웹 개발 과정을 들어 보는 것도 좋다. 혹은 블로그 업체의 서비스를 이용하면 더 간단하게 자신의 웹 사이트를 가질 수 있다.

웹사이트 제작에 필요한 것
웹사이트를 만들려면 먼저 다음을 생각해야 한다.

- 웹사이트 호스팅 방법 선택
- 웹사이트에 사용할 커스텀 도메인 구매
- 웹사이트 디자인과 개발

물론, 이것은 시작일 뿐이다. 이밖에 해야할 일이 많다. 그러나 이들을 거쳐야 더 정교한 웹사이트의 세계로 넘어갈 수 있다.

개인 웹사이트를 호스트하는 방법
자신이 만든 웹사이트를 세계에서 누구나 볼 수 있도록 하려면 서버에 올려 호스팅을 해야 한다. 가장 쉬운 방법은 서버 공간을 빌리는 것이다. 한달에 얼마씩 비용을 내야 하지만 웹메일이나 백업 같은 추가 기능까지 사용할 수 있다. 호스팅 서비스를 제공하는 업체는 다양하다. 개인에 따라 호불호가 갈릴 수 있지만, 유명 업체를 정리하면 다음과 같다.

- 123-reg: 세계 최대 도메인 및 호스팅 서비스 업체다.
- 고대디(GoDaddy): 다양한 UK 웹사이트를 운영하는 유명 업체다.
- 사이트그라운드(SiteGround): 잘 알려진 미국 호스팅 업체다. 빠른 고객지원으로 유명하다.
- TSO호스트(TSOHost): 초보자를 위한 호스팅 업체로, 워드프레스 서비스에 강하다.
- 팻카우(FatCow): 기술지원에 대한 평가가 좋다. 중소기업이 널리 사용한다.
- 1&1: 가격 경쟁력이 높은 영국 업체다. 매우 저렴한 가격에 호스팅 서비스를 제공한다.

어떤 서비스를 선택할지는 사용자에 달렸다. 참고로 맥월드 팀은 현재 사이트그라운드를 이용하고 있다. 훌륭한 성능을 보여주고 있음을 확인했다. 그러나 다른 업체의 서비스는 테스트하지 못했다.

웹사이트용 도메인 구매
호스팅 서비스 업체를 정하면 이제 고유의 IP(Internet Protocol) 주소를 확보했다는 의미다. IP 주소는 123.123.12.32 같은 숫자 4개의 조합으로 돼 있다. 웹 브라우저 주소창에 이 숫자를 넣으면 인터넷을 통해 해당 서버로 이동하고 다시 연결된 웹사이트가 나타난다. 문제는 이런 IP 주소를 기억하는 사람이 아무도 없다는 사실이다. 따라서 'johnswebsite.co.uk' 같은 더 친숙한 이름이 필요하다. 이런 이름을 도메인(domain)이라고 부른다.

도메인을 확보하려면 먼저 도메인 등록 사이트에서 선호하는 이름이나 도메인이 있는지 확인해야 한다. 아직 아무도 등록하지 않았다면 일정 비용을 내고 1년간 대여해 호스팅 업체를 통해 구매한 IP 주소와 연결할 수 있다. 이제 누군가 웹 브라우저에서 도메인 명을 입력하면 미리 연결한 IP 주소로 이동된다. 영국에만 123-Reg.co.uk를 포함해 수많은 도메인 등록 업체가 있다. 그러나 호스팅 업체를 통해 도메인을 등록하면 호스팅 서비스와 더 수월하게 연결할 수 있다.



맥에서 웹사이트 디자인하기
일단 호스팅과 도메인 등록을 마쳤다면, 웹사이트 디자인 작업을 시작할 때다. 다양한 방법이 있지만 기본적으로 필요한 것은 HTML 문서와 CSS 문서(디자인과 레이아웃을 규정), 이미지 파일이다. HTML과 CSS는 단언컨대 배우기가 쉽지 않다. 웹 디자인의 세계에 입문할 생각이라면 기본적인 HTML 문법부터 시작하는 것이 좋다. 유데미의 HTML과 CSS 관련 교육과정을 추천한다.

그러나 대부분 사람은 한줄한줄 웹사이트를 코딩하는 작업을 건너 뛰어도 무방하다. 대신 사이트 디자인 툴을 이용하거나 워드프레스 같은 온라인 CMS(content management system)를 이용하면 된다.

글을 써서 정기적으로 발표할 웹사이트를 만드는 가장 좋은 방법은 워드프레스를 이용하는 것이다. WordPress.org 웹사이트에서 다운로드할 수 있다. 이는 WordPress.com과 다르다. WordPress.com은 사이트 내에 개인 홈페이지를 만드는 데 주요 사용한다. 따라서 노출되는 도메인도 'mysite.wordpress.com'와 같은 형식이다. 반면 WordPress.org는 워드프레스 시스템을 다운로드해 개인 웹사이트에 설치하는데 사용된다.

이후에 웹사이트에 사용할 워드프레스 테마를 선택할 수 있다. 구글에서 워드프레스 테마를 검색하면 구매할 수 있는 테마가 수천개 나타난다. 페이지와 콘텐츠를 디자인하는 작업은 어떤 테마를 선택하느냐에 따라 달라진다. 그러나 대부분은 상세한 가이드와 기술지원을 제공한다.

워드프레스 외에 다른 대안을 찾고 있다면 이 역시 여러 가지다. 맥에서 사용할 수 있는 웹 디자인 툴 중 널리 알려진 것은 리얼맥 레피드위버(Realmac RapidWeaver), 커렐리아 샌드복스(Karelia Sandvox), 블록스(Blocs) 등이 있다. ciokr@idg.co.kr 



2018.07.06

"도메인 구매부터 디자인까지"··· 맥에서 웹사이트를 만드는 방법

Lucy Hattersley | Computerworld UK
자신의 웹사이트를 만드는 것은 벅찬 작업처럼 느껴지기 쉽다. 그러나 만들려는 웹사이트 형태에 따라 생각보다 더 간단한 작업이 될 수도 있다. 맥 컴퓨터에서 웹사이트를 만드는 방법을 살펴보자.



여기서는 자신의 도메인을 이용해 기본적인 웹사이트를 만드는 과정에 집중한다. 더 정교한 웹사이트를 만들고 싶다면 유데미(Udemy)의 온라인 웹 개발 과정을 들어 보는 것도 좋다. 혹은 블로그 업체의 서비스를 이용하면 더 간단하게 자신의 웹 사이트를 가질 수 있다.

웹사이트 제작에 필요한 것
웹사이트를 만들려면 먼저 다음을 생각해야 한다.

- 웹사이트 호스팅 방법 선택
- 웹사이트에 사용할 커스텀 도메인 구매
- 웹사이트 디자인과 개발

물론, 이것은 시작일 뿐이다. 이밖에 해야할 일이 많다. 그러나 이들을 거쳐야 더 정교한 웹사이트의 세계로 넘어갈 수 있다.

개인 웹사이트를 호스트하는 방법
자신이 만든 웹사이트를 세계에서 누구나 볼 수 있도록 하려면 서버에 올려 호스팅을 해야 한다. 가장 쉬운 방법은 서버 공간을 빌리는 것이다. 한달에 얼마씩 비용을 내야 하지만 웹메일이나 백업 같은 추가 기능까지 사용할 수 있다. 호스팅 서비스를 제공하는 업체는 다양하다. 개인에 따라 호불호가 갈릴 수 있지만, 유명 업체를 정리하면 다음과 같다.

- 123-reg: 세계 최대 도메인 및 호스팅 서비스 업체다.
- 고대디(GoDaddy): 다양한 UK 웹사이트를 운영하는 유명 업체다.
- 사이트그라운드(SiteGround): 잘 알려진 미국 호스팅 업체다. 빠른 고객지원으로 유명하다.
- TSO호스트(TSOHost): 초보자를 위한 호스팅 업체로, 워드프레스 서비스에 강하다.
- 팻카우(FatCow): 기술지원에 대한 평가가 좋다. 중소기업이 널리 사용한다.
- 1&1: 가격 경쟁력이 높은 영국 업체다. 매우 저렴한 가격에 호스팅 서비스를 제공한다.

어떤 서비스를 선택할지는 사용자에 달렸다. 참고로 맥월드 팀은 현재 사이트그라운드를 이용하고 있다. 훌륭한 성능을 보여주고 있음을 확인했다. 그러나 다른 업체의 서비스는 테스트하지 못했다.

웹사이트용 도메인 구매
호스팅 서비스 업체를 정하면 이제 고유의 IP(Internet Protocol) 주소를 확보했다는 의미다. IP 주소는 123.123.12.32 같은 숫자 4개의 조합으로 돼 있다. 웹 브라우저 주소창에 이 숫자를 넣으면 인터넷을 통해 해당 서버로 이동하고 다시 연결된 웹사이트가 나타난다. 문제는 이런 IP 주소를 기억하는 사람이 아무도 없다는 사실이다. 따라서 'johnswebsite.co.uk' 같은 더 친숙한 이름이 필요하다. 이런 이름을 도메인(domain)이라고 부른다.

도메인을 확보하려면 먼저 도메인 등록 사이트에서 선호하는 이름이나 도메인이 있는지 확인해야 한다. 아직 아무도 등록하지 않았다면 일정 비용을 내고 1년간 대여해 호스팅 업체를 통해 구매한 IP 주소와 연결할 수 있다. 이제 누군가 웹 브라우저에서 도메인 명을 입력하면 미리 연결한 IP 주소로 이동된다. 영국에만 123-Reg.co.uk를 포함해 수많은 도메인 등록 업체가 있다. 그러나 호스팅 업체를 통해 도메인을 등록하면 호스팅 서비스와 더 수월하게 연결할 수 있다.



맥에서 웹사이트 디자인하기
일단 호스팅과 도메인 등록을 마쳤다면, 웹사이트 디자인 작업을 시작할 때다. 다양한 방법이 있지만 기본적으로 필요한 것은 HTML 문서와 CSS 문서(디자인과 레이아웃을 규정), 이미지 파일이다. HTML과 CSS는 단언컨대 배우기가 쉽지 않다. 웹 디자인의 세계에 입문할 생각이라면 기본적인 HTML 문법부터 시작하는 것이 좋다. 유데미의 HTML과 CSS 관련 교육과정을 추천한다.

그러나 대부분 사람은 한줄한줄 웹사이트를 코딩하는 작업을 건너 뛰어도 무방하다. 대신 사이트 디자인 툴을 이용하거나 워드프레스 같은 온라인 CMS(content management system)를 이용하면 된다.

글을 써서 정기적으로 발표할 웹사이트를 만드는 가장 좋은 방법은 워드프레스를 이용하는 것이다. WordPress.org 웹사이트에서 다운로드할 수 있다. 이는 WordPress.com과 다르다. WordPress.com은 사이트 내에 개인 홈페이지를 만드는 데 주요 사용한다. 따라서 노출되는 도메인도 'mysite.wordpress.com'와 같은 형식이다. 반면 WordPress.org는 워드프레스 시스템을 다운로드해 개인 웹사이트에 설치하는데 사용된다.

이후에 웹사이트에 사용할 워드프레스 테마를 선택할 수 있다. 구글에서 워드프레스 테마를 검색하면 구매할 수 있는 테마가 수천개 나타난다. 페이지와 콘텐츠를 디자인하는 작업은 어떤 테마를 선택하느냐에 따라 달라진다. 그러나 대부분은 상세한 가이드와 기술지원을 제공한다.

워드프레스 외에 다른 대안을 찾고 있다면 이 역시 여러 가지다. 맥에서 사용할 수 있는 웹 디자인 툴 중 널리 알려진 것은 리얼맥 레피드위버(Realmac RapidWeaver), 커렐리아 샌드복스(Karelia Sandvox), 블록스(Blocs) 등이 있다. ciokr@idg.co.kr 

X