100달러 미만으로 처음부터 웹사이트를 만드는 방법

작성자

카테고리:

How-to-Create-a-Website-from-Scratch-for-Under-$100

웹사이트를 처음부터 직접 만들고 싶지만 예산이 부족하고 기술적인 지식이 전혀 없다면, 이 간단한 가이드가 여러분을 위한 것입니다.

이 글은 복잡하고 어려운 기술적인 내용 없이 정말로 웹사이트를 만들고 싶어 하는 완전 초보자를 위한 글입니다. 고객에게 보여줄 회사 웹사이트가 필요한 스타트업 대표님이든, 온라인에 맛집 리뷰를 작성하고 싶은 미식가이든, 나만의 사이트가 필요한 DIY 애호가이든 상관없이 계속 읽어보세요! 최대한 이해하기 쉽도록 전문 기술 용어는 피하겠습니다.

모든 과정을 마쳤을 때 얻게 될 결과물을 정리해 보겠습니다. 이 글을 다 읽을 때쯤 여러분은 다음을 갖추게 됩니다:

  1. Your own website that people can visit at http://supermegaawesomewebsite.com,
  2. Optionally have your own email address at [email protected],
  3. A certain zen-like state of mind.

준비물

자, 본격적인 단계를 시작하기 전에 다음과 같은 준비물이 필요합니다:

  1. 웹사이트를 어떤 것으로 만들지에 대한 아이디어,
  2. 100달러 잔액이 있는 신용카드 또는 페이팔(Paypal) 계정, 그리고
  3. 목이 마를 때를 대비한 탄산음료나 물 한 잔 (수분 보충은 언제나 좋습니다).

웹사이트란 무엇일까요?

무언가를 시작하기 전에, 우리가 실제로 무엇을 만들고 있는지 먼저 아는 것이 중요합니다. 네, 우리는 여러분만의 웹사이트를 만들고 있지만, 그것이 정확히 무엇일까요?

In a nutshell, a website is a bunch of files in a special computer, and this special computer can be accessed by using a special web address on your web browser. After accessing the web server, it’s going to crunch those files together and in the end we would be able to see a pretty looking web page.

Sorta techy terms:

  • bunch of files = web pages
  • special computer = web server
  • special web address = domain name or URL

이전 문단에서 굵은 글씨로 표시된 단어들이 바로 우리가 구해야 할 것들입니다. 다행히도, 이 모든 것을 한 번에 구할 수 있는 곳이 있습니다.

웹에서 내 공간 마련하기

저는 GoDaddy의 매니지드 워드프레스 호스팅 – 베이직 플랜을 추천합니다. 이 플랜은 최소한의 번거로움으로 사이트를 즉시 만드는 데 필요한 모든 것을 제공합니다. 가장 좋은 점은 모든 것을 설정하는 기술적인 세부 사항에 대해 전혀 걱정할 필요가 없다는 것입니다.

“매니지드 워드프레스 호스팅” 플랜이 무엇인지 궁금하시다면, 간단히 설명해 드리겠습니다:

  • Managed – GoDaddy will be the ones who’ll make sure that everything runs smoothly, updated, fast and without any problems. And if you need any help, you can ask their customer support.
  • WordPress – This the content management platform that will be used. It’s what you’ll use to publish your content online. It’s awesome. If you want to know more about WordPress, WP101 has a great intro video on What WordPress Is
  • Hosting – Everything will be placed in GoDaddy’s servers, so everything can be accessed quickly and with almost no down time.

When getting the plan from GoDaddy, they also provide you with a domain name for free. This is awesome since now we don’t have to do anything aside from signing up in order to get the full package!

추가 혜택으로, 베이직 플랜을 이용하면 이메일 주소도 얻을 수 있습니다. 첫해는 무료이므로 고객 및 다른 사람들과 이메일로 소통할 계획이라면 고민할 필요가 없는 선택입니다.

해당 요금제에 대한 자세한 내용은 아래 링크를 확인해 보세요 (추천 대가를 전혀 받지 않았습니다):

GoDaddy의 매니지드 워드프레스 호스팅 요금제를 확인해 보세요

모든 세부 정보를 입력하고, 원하는 도메인 이름을 찾은 다음(supermegaawesomewebsite.com을 사용할 필요는 없습니다), 결제를 진행하고 완료하세요.

I recommend that you sign up for at least one year so that you can avail of their discounts. You can also scour the web to check if there are any promos available.

Web Server Cost: $12.18 – $59.88 for 1 year (the key here is to find a promo) Email Cost: $0 for 1 year Domain Name Cost: $0 for 1 year

Total Cost so far: $12.18 – $59.88

축하합니다, 이제 여러분만의 워드프레스 웹사이트가 생겼습니다!

GoDaddy 호스팅을 구매하셨다면 이제 사이트가 완전히 작동할 것입니다. 도메인 주소인 http://supermegaawesomewebsite.com 에 접속하여 사이트를 확인해 볼 수 있습니다.

사이트의 첫인상은 다소.. 비어 보일 수 있으며.. 이는 지극히 정상입니다. 걱정하지 마세요, 이제 멋지게 꾸며봅시다!

웹사이트 접속하기

Since you’ve signed up with GoDaddy, they’ll give you a URL where you can access the administration side of your website. If you can’t find it, you can add a /wp-admin at the end of your URL. e.g. http://supermegaawesomewebsite.com/wp-admin and log in from there. Once logged in, you’ll end up in your WordPress Dashboard.

GoDaddy에는 초보자가 사이트를 쉽게 맞춤 설정할 수 있도록 돕는 자체 “빠른 설정(Quick Setup)” 시스템이 있습니다. 워드프레스 작동 방식이 익숙하지 않다면 이 설정 과정을 진행해보는 것을 추천합니다.

워드프레스 배우기

이제 워드프레스와 친숙해질 시간입니다. 앞서 언급했듯이, 워드프레스는 콘텐츠를 발행하기 위해 현재 사용하고 있는 플랫폼입니다. 즉, 사이트에 로그인하여 페이지와 블로그 글을 작성하고 말 그대로 발행 버튼을 누르면 됩니다.

이제 다음 단계는 워드프레스 사용법을 배우는 것입니다. 워드프레스를 사용해 본 적이 없다면 대시보드를 처음 보았을 때 너무 많은 정보 때문에 당황스러울 수 있습니다. 각자 편안한 속도로 다양한 영역을 둘러보는 것을 권장합니다.

If you need guidance, there are a lot of tutorials on how to use WordPress online too. One of them is WP101. WP101 makes things super easy by providing lots of tutorials in video format, and they have a huge library of videos that will teach you all the ins and outs of WordPress.

They have a few free videos in their site. For example, you can watch WP101’s video tutorial about the WordPress Dashboard.

WP101의 동영상 튜토리얼을 확인해 보세요

Video Tutorials Cost: $15 per month (if you can obsess over all their videos within the first month, then you’re golden)

Total Cost so far: $27.18 – $74.88

사이트를 예쁘게 꾸미기

The next step is to change the design of your site to make it match your personality and/or needs. You’ll need themes for that. In short, themes are like “skins” for your WordPress site.

There are a ton of free and paid themes out there. If you want free themes, then there’s no doubt that the WordPress.org theme directory is your number one option.

Since there are a lot out there though, it’s sometimes hard to find the perfect one for you. Theme Friendly’s Find Themes helps by providing reviews for themes and gives them a score based on their review. They have a number of themes in their site, and probably the best thing there is that you can click on filters while browsing themes, so you can view only themes fit for portfolios, businesses or blogs, and many more.

There are also paid themes, but for starters I would recommend the free ones first. If you decide to take the premium route check out Premium WordPress’ list of theme shops.

If you’re wondering why I didn’t mention ThemeForest, it’s because there are a lot of themes there that add a lot of bloat (unnecessary features) to your site. So if you really want to find a theme from there, tread carefully.

Theme Cost: $0 – $70 one time (I’d recommend looking for promos in theme shops too)

Total Cost so far: $27.18 – $144.88

사이트에 더 많은 기능 추가하기

As you create your site and continue to add content to it, you might find yourself wanting to add more stuff like contact forms, maybe some icons, or a Google Map, or something else. For these kinds of stuff, you’ll need plugins.

As with themes, there are also a ton of free and paid options. And like themes, the number one choice for free plugins is the WordPress.org plugin directory. It’s a common saying within the WordPress community that if you need something in your site, “there’s a plugin for that.”

For premium plugins, you can also find premium ones in CodeCanyon.net. But I would recommend going through the thousands of free ones in the WordPress.org plugin directory first.

Plugin Cost: $0

Total Cost so far: $27.18 – $144.88

Conclusion

You might have noticed that the total cost indicator is a range instead of a solid number. It’s because there are various ways to push the cost down like watching out for promotions, and opting for free themes & plugins.

So if you play your cards right, you can actually have your own site from scratch (powered on for a full year), for only $27.18

Most likely the succeeding years won’t be as cheap as the first year, but if you have your site up and running for at least a year already, then I would like to think that it’s a success and the other future costs aren’t a problem anymore.

Hopefully you’ve learned a bunch from this article. And if you didn’t know about WordPress before and you’re now a proud WordPress user, consider joining the numerous WordPress communities online. Just search for a WordPress group in Facebook :)

잠깐만요! 아직 탭을 닫지 마세요!

잠깐만요! 이 탭을 닫기 전에 Page Builder Sandwich에 대해 말씀드리고 싶습니다. 위에서 멋진 내용들을 많이 소개했지만, 아직 Page Builder Sandwich는 보지 못하셨으니까요.

Page Builder Sandwich를 사용하면 코드를 전혀 몰라도 새로운 사이트의 페이지를 손쉽게 디자인할 수 있습니다. 워드프로세서 문서를 편집하는 것과 비슷하게 보이고 작동하지만, 웹사이트용 도구입니다. 이를 통해 캐러셀(슬라이드), 아이콘, 버튼, 이미지 배경 등을 쉽게 추가하여 사이트를 더욱 멋지게 만들 수 있습니다.

You can try out the demo, or watch the video below. What’s cool is that we’re still below the $100 limit :)

Page Builder Sandwich 데모를 체험해 보세요

Page Builder Sandwich Cost: $39 for 1 site

Total Cost so far: $86.18 – $203.88