Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
31 lines (28 sloc) 11.8 KB
---
layout : article
title: "정말 쉬운 !! 워드프레스 설치 + 워드프레스 쇼핑몰 설치 !! "
aside:
toc: true
tags: Web
category : Web
author: melonicedlatte
published : True
hellogohn_num : 179
key : 2017-11-20-145010
---
<p><img src="https://s.w.org/about/images/logos/wordpress-logo-stacked-rgb.png" alt="wordpress에 대한 이미지 검색결과"><br><br></p><p><br>워드프레스는 웹 빌더입니다.&nbsp;<br></p><pre><span style="font-size: 18px;">- 웹 빌더란??&nbsp;</span><br><span style="font-size: 18px;">웹 프로그래밍을 하지 않아도 간단하게 웹 구축을 할 수 있는 도구라고 생각하시면 편합니다.&nbsp;</span></pre><p></p><p>어렵게 어플리케이션을 제작 하는 것 보다는, 커스터마이징이 적을 때에는 웹빌더를 사용하는 것도 좋은 방법입니다.&nbsp;<br></p><p><br><br></p><p></p><pre><span style="font-size: 18px;">!!참고사항!!
워드프레스를 설치하기 위해서는 php, mysql, apache 설정이 필요합니다.&nbsp;</span><br><span style="font-size: 18px;">해당 프로그램은 합쳐서 apm 이라고도 합니다. </span><br><span style="font-size: 18px;">apm을 사전에 미리 설치하시기 바랍니다.&nbsp;</span></pre><br><br><span style="font-size: 24px;">- 워드프레스 홈페이지로 가서 파일 다운로드를 받습니다.</span><br><a href="https://ko.wordpress.org/" style="background-color: rgb(255, 255, 255);">https://ko.wordpress.org/</a><p></p><p><img src="/system/uploads/images/000/000/475/original/image.png?1511148538" style="width: 977px;"><br></p><p><br></p><p>다운로드가 완료되면 아래와 같이 나오게 됩니다.&nbsp;</p><p><img src="/system/uploads/images/000/000/476/original/image.png?1511149079" style="width: 963px;"></p><p><br></p><p>- <span style="font-size: 24px;">다운로드 하고 압축을 풀어준 다음에 apm의 기본 경로에 폴더를 붙여넣기 합니다.&nbsp;</span></p><p>다운로드 하고 나면 아래와 같은 창이 나오게 됩니다.&nbsp;</p><p><img src="/system/uploads/images/000/000/477/original/image.png?1511149365" style="width: 857px;"><br></p><p><strong style="color: rgb(68, 68, 68); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif; font-size: 14px;"><code style="font-family: Consolas, Monaco, monospace;"><span style="font-size: 18px;">wp-config-sample.php</span></code><span style="font-size: 18px;">을 텍스트 편집기에 열고 자신의 정보를 입력한 다음</span><span style="font-size: 18px;">&nbsp;</span><code style="font-family: Consolas, Monaco, monospace;"><span style="font-size: 18px;">wp-config.php</span></code><span style="font-size: 18px;">로 저장하면 됩니다.</span></strong><span style="color: rgb(68, 68, 68); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif; font-size: 18px;">&nbsp;<br></span></p><p><br></p><p>wp-config-sample.php 파일을 보면 아래와 같이 생겼습니다.&nbsp;<br>define 의 정보를 수정하고 파일 이름을 바꾸어야 합니다.<br><br><img src="/system/uploads/images/000/000/478/original/image.png?1511150111" style="width: 633px;"><br></p><pre style="line-height: 1.2;"><font color="#444444" face="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif"><span style="font-size: 18px;"><span style="font-size: 14px;">/ ** MySQL settings - You can get this info from your web host ** //</span><br></span></font><font color="#444444" face="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif"><span style="font-size: 18px;"><span style="font-size: 14px;">/** The name of the database for WordPress */</span><br></span></font><font color="#444444" face="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif"><span style="font-size: 14px;">define('DB_NAME', 'database_name_here');</span></font><font color="#444444" face="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif"><span style="font-size: 18px;"><br></span></font><font color="#444444" face="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif"><span style="font-size: 18px;"><span style="font-size: 14px;">/** MySQL database username */</span><br></span></font><font color="#444444" face="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif"><span style="font-size: 14px;">define('DB_USER', 'username_here');</span></font><font color="#444444" face="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif"><span style="font-size: 18px;"><br></span></font><font color="#444444" face="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif"><span style="font-size: 18px;"><span style="font-size: 14px;">/** MySQL database password */</span><br></span></font><font color="#444444" face="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif"><span style="font-size: 14px;">define('DB_PASSWORD', 'password_here');</span></font><font color="#444444" face="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif"><span style="font-size: 18px;"><br></span></font><font color="#444444" face="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif"><span style="font-size: 18px;"><span style="font-size: 14px;">/** MySQL hostname */</span><br></span></font><font color="#444444" face="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif"><span style="font-size: 14px;">define('DB_HOST', 'localhost');</span></font><font color="#444444" face="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif"><span style="font-size: 18px;"><br></span></font><font color="#444444" face="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif"><span style="font-size: 18px;"><span style="font-size: 14px;">/** Database Charset to use in creating database tables. */</span><br></span></font><font color="#444444" face="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif"><span style="font-size: 14px;">define('DB_CHARSET', 'utf8');</span></font><font color="#444444" face="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif"><span style="font-size: 18px;"><br></span></font><font color="#444444" face="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif"><span style="font-size: 18px;"><span style="font-size: 14px;">/** The Database Collate type. Don't change this if in doubt. */</span><br></span></font><font color="#444444" face="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif"><span style="font-size: 14px;">define('DB_COLLATE', '');</span></font></pre><p></p><p><span style="color: rgb(68, 68, 68); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif; font-size: 18px;"><br></span></p><p><span style="color: rgb(68, 68, 68); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif; font-size: 18px;"><br></span><span style="font-size: 24px;">- 수정하지 않고 Leg's go 를 누르면 입력하는 창이 나옵니다.</span>&nbsp;<br><br><span style="font-size: 18px;">저도</span><span style="font-size: 18px;"> 제 mysql 의 데이터 정보를 입력해보고</span><span style="font-size: 18px;"> Let's go! 버튼을 눌러 보겠습니다.&nbsp;</span><br><span style="font-size: 18px;">저는 아래와 같이&nbsp;</span><span style="font-size: 18px; background-color: rgb(245, 245, 245); color: rgb(51, 51, 51); font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace;">wordpressTest 를 생성하여 테스트합니다.&nbsp;</span></p><pre style="line-height: 1.4;"><span style="font-size: 14px;">mysql&gt; create database wordpressTest;
Query OK, 1 row affected (0.00 sec)
mysql&gt; show databases;
+--------------------+
| Database |
+--------------------+
| information_schema |
| mysql |
| news_lists |
| performance_schema |
| sys |
| wordpressTest |
+--------------------+
6 rows in set (0.00 sec)</span><span style="text-decoration-line: line-through; font-size: 12px;">
</span></pre><p><img src="/system/uploads/images/000/000/479/original/image.png?1511150772" style="width: 766px;"></p><p>위의 데이터베이스에 자신의 데이터베이스 이름과 사용자명, 비밀번호를 입력하면 됩니다.&nbsp;<br>저 같은 경우에는 root 계정이고 데이터베이스는 wordpressTest 를 쓰기 때문에, 해당하는 내용을 넣습니다.&nbsp;</p><p><br></p><p>- <span style="font-size: 24px;">아래와 같은 내용이 뜨게 되면, 직접 wp-config.php 파일을 생성한 다음 아래의 text box 에 있는 내용을 복사해서 붙여넣기 합니다.</span></p><p><img src="/system/uploads/images/000/000/480/original/image.png?1511151107" style="width: 742px;"><br></p><p><br></p><p>- <span style="font-size: 24px;">성공하면 아래와 같은 창이 뜨게 됩니다. 원하는 정보들을 제공해주세요.&nbsp;</span><br></p><p><img src="/system/uploads/images/000/000/481/original/image.png?1511152223" style="width: 766px;"><br></p><p><br></p><p>- <span style="font-size: 24px;">정보를 입력하면 아래와 같이 정보를 확인 창이 뜨게 되고 로그인 창이 나오게 됩니다.&nbsp;</span><br></p><p><img src="/system/uploads/images/000/000/482/original/image.png?1511152324" style="width: 760px;"><br></p><p><img src="/system/uploads/images/000/000/483/original/image.png?1511152366" style="width: 361px;"></p><p><br></p><p><br></p><p>- <span style="font-size: 24px;">로그인 하면 아래와 같은 설정 창이 나오게 됩니다.&nbsp;<br></span>http://localhost/wordpress/wp-admin<br></p><p><img src="/system/uploads/images/000/000/484/original/image.png?1511152402" style="width: 1118px;"><br></p><p><br></p><p><br></p><p><span style="font-size: 24px;">- 인덱스 페이지를 확인하면 아래와 같이 나오게 됩니다.&nbsp;<br></span>http://localhost/wordpress/</p><p><img src="/system/uploads/images/000/000/485/original/image.png?1511152481" style="width: 1118px;"><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><span style="font-size: 24px;">- 관리 창에서는 아래와 같이 플러그인을 설치할 수 있습니다.&nbsp;<br></span><br><img src="/system/uploads/images/000/000/486/original/image.png?1511152843" style="width: 1118px;"><br></p><p><br></p><p>이렇게 간단하게 CRUD 기능이 있는 홈페이지가 생성 되었네요.&nbsp;</p><p>쇼핑몰을 설치하기 위해서는 WooCommerce 가 설치되어야 합니다.&nbsp;<br>위의 플러그인 창에서 WooCommerce 혹은 우커머스를 검색하여 설치해야 합니다.&nbsp;<br><br><img src="/system/uploads/images/000/000/487/original/image.png?1511153220" style="width: 818px;"><br><br><br><br></p><p>설치하면 설치중이라는 말이 뜨게 됩니다.&nbsp;</p><p><img src="/system/uploads/images/000/000/488/original/image.png?1511153556" style="width: 556px;"><br></p><p><br></p><p><br></p><p><br></p>
You can’t perform that action at this time.