[오픈 컬리지] 나만의 포트폴리오 홈페이지를 만들어보자! 웹 사이트에 대해 간단한 지식을 얻고, 워드프레스를 이용해 홈페이지를 간단하게 만드는 방법을 배워봅니다.

1. 나만의 홈페이지 만들기
오동환, Open College

2. 포트폴리오 필요성
• 토론해 봅시다!

3. 우리는 어떻게
홈페이지를 이용할 수 있는 걸까?

4. 웹 서버(Web Server)
• 웹을 서비스하는 컴퓨터
• 웹페이지는 HTML로 만들어져 있다.
• 웹서버는 HTML 파일들을 모아 놓은 곳.
• 사용자가 웹 브라우저에서 인터넷 URL을 치거나, 버튼을 클릭
했을 때 보여주는(서비스)하는 컴퓨터를 웹 서버라고 한다.

5. 웹 클라이언트(Web Server)
• 서버와 상대되는 개념
• 클라이언트는 어떤 서비스를 요청하는 역할
• 즉, 웹 클라이언트는 웹 서버에 자료를 요청하는 클라이언트 프로그램.
• 대부분의 웹페이지 요청은? 크롬, 인터넷 익스플로러와 같은 웹 브라우
저가 담당한다.
• 그러므로 일반적으로 웹 클라이언트 = 웹 브라우저 라고 일컫기도 함

6. 흐름을 봅시다!

7. Process
1. 웹 브라우저(사용자)는 웹 서버에 어떤 기능을 원하는지 요청
2. 웹 서버는 웹 애플리케이션을 실행하여 웹 브라우저가 요청한
기능을 수행한 후, 결과를 웹브라우저에 응답한다.
3. 웹 브라우저는 웹 서버로부터의 응답 결과를 출력하여, 사용
자에게 보여준다.

8. OK!
그런데 나는 클라이언트(=웹브라우저=다른 사람들)
에게 나의 홈페이지를 보여줄 웹서버가
없는데?

9. 호스팅!
서버 컴퓨터의 전체 또는 일정 공간을 이용할 수 있도록 임대해 주는 서비스

10. 인터넷에 연결된 웹 사이트를 운영하기 위해서는 1일 24시간, 1년 365일 항
상 인터넷에 연결된 서버 컴퓨터를 운영해야 한다.
개인이나 기업 또는 단체가 이런 서버 컴퓨터를 독자적으로 구축하여 운영
하기 위해서는 막대한 비용이 필요하다.
이러한 문제를 해결하기 위해 전문 호스팅 업체가 미리 여러 대의 서버 컴
퓨터를 구축한 뒤, 그 공간 중 일정 부분을 이용자들에게 임대해 주고 그 대
가를 받는 서비스가 생겨났는데, 그것이 호스팅 서비스이다. - 나무위키
길어도 한 번만 읽어주세요 ^^

11. 우리가 이용할 호스팅 업체, 닷홈
• 닷홈 무료호스팅은 인터넷상에서 웹사이트를 시작하시려는 분
들에게 혜택을 드리기 위해 창업때 부터 시작한 서비스 입니다.
• 현재 소상공인, 학생, 직장인, 비영리단체등 다양한 분야에 많은
분들이 이용하고 계시며, 하루 평균 500개 이상의 무료호스팅이
새롭게 신청되고 있습니다.
- 닷홈 설명 페이지

12. 서버 OK! 호스팅 OK!
근데 웹 서버에 뭘 해야하는데?

13. Wix vs Wordpress
쉽게 홈페이지를 만들 수 있도록 도와주는

14. Wix
• 장점 : 호스팅 지원
• 단점 :
• 광고 달림(광고 제거와 도메인 연결을 위해서는 프리미엄 서비스 이용)
• 반응형 지원 불가(모바일 버전으로 따로 생성해야 함)

15. Wordpress
• 장점
• 무료 제작 가능
• 워드프레스 설치가 쉬운 호스팅 업체가 많음
• 반응형 홈페이지 제작이 쉬움
• 단점
• 자체적인 호스팅 지원 안됨

16. 난이도 비교 : 워드프레스보다 윅스가 쉬음
• 윅스 :
• 기능적 한계(덕분에 단순해서 학습 없이 사용하기가 쉬움)
• 느림(플래시, 동영상 등)
• 워드프레스 :
• 수많은 테마와 수많은 플러그인 존재
• 홈페이지 로딩 속도 빠르게 해주는 플러그인
• 다국어 지원 플러그인
• 구글, 네이버와 같은 검색 홈페에지에서의 노출 확률 높여주는 플러그인
• 기타 등등
확장성 비교

17. 결론
IF (자신만의 특별한 홈페이지를 만들고 싶다 ==true)
then 워드프레스!
Else if (쉽고 빠르게 홈페이지를 만들고 싶다 == true)
then 윅스!

18. 나만의 홈페이지 만들기.
Let’s get started!

19. 1. 호스팅 업체에 가입하여 나의 웹 서버 만들기 (Day 1)
2. 웹서버에서 나만의 URL(ex, http://aboutdh.co.kr) 갖기 (Day1)
3. 웹 서버에 워드프레스 깔기(Day 1)
4. 워드프레스로 내 홈페이지 만들기 (Day 2)
5. 내 홈페이지 홍보하기 (Day 3)
http://aboutdh.co.kr

20. 1. 호스팅 업체인 닷홈에 회원가입
http://www.dothome.co.kr/index.php

21. 2. 닷홈에서 무료 호스팅 신청
http://www.dothome.co.kr/web/free/index.php

25. 3. 나의 홈페이지 접속해보기
http://본인이신청한아이디.dothome.co.kr

26. 4. 홈페이지를 꾸밀 수 있는
관리자 페이지 접속
http://본인이신청한아이디.dothome.co.kr/wp-admin
아이디 : admin
비밀번호: 본인이 설정한 비밀번호