29
BUILDING A WEBSITE Heeseung Jo

BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

BUILDING A WEBSITE

Heeseung Jo

Page 2: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

WIMP

Page 3: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

3

웹사이트 운영

웹사이트가 동작하려면, 웹서비스를 제공하는 서버가 존재해야 함

• 서버 내에 웹서비스 환경을 구축하고, 웹사이트 파일들을 업로드함

웹서비스 환경 구축: WIMP 서버 구성

• Windows + IIS + MySQL + PHP

- 이러한 인터넷 서비스 스택을 WIMP 스택이라고 부름

• W/LAMP: Windows/Linux + Apache + MySQL + PHP

To do

• 1단계: IIS 기본 사이트를 간단히 수정해서 확인

• 2단계: WordPress 사이트로 변경

Page 4: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

4

1단계 진행

참고 사이트를 보며 아래 순서대로 진행

• http://docs.aws.amazon.com/ko_kr/AWSEC2/latest/WindowsGuide/install-WIMP.html

• IE 통해서 다운로드가 안되는 경우, 신뢰 사이트에 경로 추가

순서

1. 인스턴스 준비: RDP 접속, 보안 및 SW 업데이트

2. IIS 웹 서버 설치

3. MySQL 및 PHP 설치

4. 서버 테스트: IIS 기본 페이지 확인 및 수정

Page 5: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

5

IIS 설치

https://www.soft2000.kr/14332

Server manger를 찾아서

• Configure this local server

• Add roles and features

Page 6: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

6

Windows server의 IE 보안 강화 제한 풀기

Microsoft 웹 플랫폼 설치 관리자를 설치하는 방법

• 사전 조건의 조건을 모두 충족하는지 확인

• 인스턴스에 연결

• 웹에서 필요한 소프트웨어를 다운로드하여 설치할 수 있게 Internet Explorer 보안 강화 구성을 비활성화

- 서버 관리자를 엽니다.

- Windows Server 2008 R2의 [서버 요약] 아래에 있는 [보안 정보] 섹션에서[IE ESC 구성]을 클릭합니다.

- Windows Server 2012 R2에서 왼쪽 창에 있는 [로컬 서버]를 클릭합니다. [속성] 창에서 [IE 보안 강화 구성]을 찾습니다. [On]을 클릭합니다.

- [관리자] 아래에서 [Off]을 클릭하고 [확인]을 클릭합니다.

- 서버 관리자를 닫습니다.

- 웹에서 소프트웨어 설치를 마치면 Internet Explorer 보안 강화 구성을 다시활성화합니다.

최신 버전의 Microsoft 웹 플랫폼 설치 관리자를 다운로드하여 설치

• https://www.iis.net/downloads/microsoft/web-platform-installer

Page 7: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

7

Windows server의 IE 보안 강화 제한 풀기

off로 변경

Page 8: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

8

PHP 설치

PHP 7.X.X 설치 (released date로 정렬한 후, 최신 버전 선택. x64)

• Windows Cache Extension X.X for PHP X.X 도 설치되어야 함

Page 9: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

9

MySQL 설치

Web platform installer를 이용하여 설치

• MySQL 검색하여 최신버전으로

Page 10: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

10

Security group 재설정: http(s) 접속 허용

Page 11: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

11

Security group 재설정: http(s) 접속 허용

Page 12: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

12

IIS 설치 후, 기본 웹사이트

Page 13: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

13

웹사이트 수정

C:\inetpub\wwwroot\iisstart.html 수정

Page 14: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

14

수정 후 웹사이트

Page 15: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

15

PHP 설치 확인

C:\inetpub\wwwroot\phpinfo.php 생성

<?phpphpinfo();?>

Page 16: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

16

2단계: WordPress 사이트로 변경

WordPress: 대표적인 CMS (Contents Management Solution)

• 사용자는 컨텐츠에만 집중할 수 있도록, 나머지 요소들을 제공하고 쉽게 관리하게 하는 시스템

• 웹페이지, 블로그 등을 손쉽게 제작하고, 이후 사용자는 컨텐츠를 생산해 올리는 것에만 집중할 수 있음

• 다른 CMS 예: Joomla, Drupal, 드림위버, Wix, XE (제로보드로 시작), GnuBoard

특징

• Apache/PHP/MySQL (APM) 등 일반적이고 대중적인 기술들에 기반:대부분의 환경에 쉽게 설치 및 운용 가능함

• 오픈소스 기반: 필요에 따라 쉽게 수정해 사용 가능

Page 17: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

17

WordPress 설치

Web platform installer 에서 wordpress 검색 후 설치

17

Page 18: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

18

http://127.0.0.1/wp-admin/install.php

Page 19: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

19

Page 20: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

20

Page 21: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

21

웹사이트 확인

Page 22: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

BUILDING WORDPRESS WEBSITE IN 10 MIN.

https://aws.amazon.com/ko/getting-started/tutorials/launch-a-wordpress-website/

Page 23: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

24

워드프레스 사이트 만들기: 기존 방법

1. 자체 서버 구축

1. 구매, 입고, OS 설치, 인터넷 연결, 환경 설정 및 각종 도구 설치, 웹서버 및DB 설치

2. 웹호스팅 서비스 이용 시, 위의 과정을 모두 생략할 수 있음

2. FTP 혹은 SSH 접근 후, 웹사이트 파일 업로드

3. 워드프레스 환경 설정

참고 블로그: 워드프레스 홈페이지 만들기 1~11 (웹호스팅 이용)

• http://money2015.tistory.com/category/%EB%B8%94%EB%A1%9C%EA%B7%B8%20%ED%8C%81%20%28Tips%20of%20Blog%29/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4%20%28Wordpress%29

• 자체 구축

Page 24: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

25

워드프레스 사이트 만들기: AMI 이용

미리 워드프레스 설정까지 다 완료해둔 VM 이미지를 이용해EC2 Instance를 생성하는 방법

• https://aws.amazon.com/ko/getting-started/tutorials/launch-a-wordpress-website/

위 링크를 따라 진행해볼 것

• AWS Starter Account의 경우 Marketplace AMI를 사용하는데 제한이있으므로, Community AMI를 사용하여 생성함

• 2단계 완료까지 얼마나 걸리는지 시간을 측정해보자

• Wordpress ID/PW : user/bitnami

• 웹사이트를 약간 수정해보자

Page 25: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

26

Marketplace AMI의 경우 (일반 account)

Page 26: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

27

Community AMI 의 경우 (starter account)

Page 27: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

28

인스턴스 부팅 후, 웹 접속 확인

Security group 설정을 잊는 경우가 많음

• HTTP/S 허용

Page 28: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

29

Page 29: BUILDING A WEBSITE - CBNU · 2019-10-31 · 24 워드프레스 사이트 만들기: 기존 방법 1. 자체 서버 구축 1. 구매, 입고, os 설치, 인터넷 연결, 환경 설정

30

Bitnami AMI 관련 참고 페이지

• https://docs.bitnami.com/aws/infrastructure/lamp/#how-to-start-or-stop-the-services