워드프레스 로컬에서 사용하는 초간단 사용법-Mac

워드프레스의 테마나 플러그인 등을 실제 서버에 설치하기 전에 가상의 서버에서 먼저 테스트를 하고 문제가 없을 때 실제 서버에 적용한다면 혹시 생길지 모르는 문제들을 미연에 방지할 수 있을 것입니다. 실제 HwangC는 새로운 테마나 플로그인을 테스트해보기 위해 무작정 서버에 인스톨 했다가 블로그 페이지가 원하던데로 보이지 않아 원상복구 했던 경험이 있습니다. 그 후로는 먼저 MAMP로 로컬 서버에서 테스트해보는 습관을 들이고 있습니다.

MAMP란?

MAMP(Mac, Apache, MySQL, PHP)는 맥(Mac)사용자를 위한 응용 프로그램이며 사용자의 컴퓨터에 Apache, MySQL, 그리고 PHP를 인스톨하여 사용자의 컴퓨터를 스크립트를 실행할 수 있는 로컬 서버로 만들어줍니다.  MAMP는 무료로 사용가능하며 MAMP PRO는 유료입니다.  HwangC는 MAMP로도 충분히 만족하고 잘 쓰고 있습니다.  참고로 윈도우즈 사용자의 경우에는 WAMP나 XAMPP등의  프로그램이 있습니다.

MAMP 설치하기
1. MAMP사이트에서 MAMP 다운 받기

2. 맥의 다른 프로그램 설치하는 방법과 동일하게 Applications 폴더에 설치합니다.

3. 옵션으로 Applications->MAMP 폴더에서 Mamp control 위젯을 설치를 하면 대시보드에서 MAMP 위젯을 사용할 수 있습니다.


MAMP 위젯

MAMP 폴더
MAMP 시작하기
1. Applications->MAMP 폴더에서 MAMP.app을 실행합니다.


2. Open start page를 클릭하면 아래의 페이지가 열립니다. 혹은 MAMP를 실행하면 자동으로 열립니다. 아래의 페이지가 보여진다면 MAMP가 정상으로 작동하는 것입니다.

3. 위의 페이지에서 phpMyAdmin을 클릭합니다.

4. Create new database에 “wordpress” 혹은 여러분이 원하시는 이름을 입력하고 Create버튼을 누릅니다.
5. 1번 그림에 있는 MAMP 프로그램에서 Preferences…를 눌러 워드프레스 설치할 폴더 위치를 설정합니다. 원하는 폴더를 선택하고 OK를 클릭합니다. HwangC는 Documents/HwangC/localhost를 선택하였습니다.


6. wordpress 최신 버젼을 다운 받습니다. 다운받기
7. 다운 받은 wordpress를 6번에서 여러분이 설정한 폴더 아래로 압출을 풀어 복사합니다. HwangC는 /Documents/HwangC/localhost/ 아래에 복사 했습니다.


8. wordpress 폴더에서 wp-config-sample.php를 textedit이나 사용하기 편리한 에디터로 열어 아래의 내용을 수정합니다.

9. wp-config.php 로 수정하여 저장합니다.
10. 브라우져 주소창에 http://localhost:8888/wordpress/wp-admin/install.php 를 입력하고 실행하면 인스톨 창이 나옵니다. 아래 정보를 입력하고 Install WordPress 버튼을 누릅니다.


11. 인스톨이 끝나면 아래 Success화면이 나오고 Log in을 누르면 여러분의 워드프레스 화면으로 이동합니다. 다음부터는 http://localhost:8888/wordpress로 여러분의 블로그에 접근할 수 있습니다.


아래는 HwangC가 MAMP를 이용해 만든 WordPress 첫화면 입니다. 즐거운 블로깅 하세요:)

글쓴이

HwangC

안녕하세요! 여러분의 편안한 워드프레스 안내자 황씨입니다.

“워드프레스 로컬에서 사용하는 초간단 사용법-Mac”에 대한 46개의 생각

  1. 2015년인데 이 글을 읽으실지…ㅜㅜ
    10번에서 저 주소 그대로 복사해서 주소창에 입력했는데
    화면에 아무것도 안뜨면 원인이 뭘까요?…
    인스톨창이 안떠요..

  2. MAMP를 이용해서 워드프레스 설치까지는 했는데 워드프레스 로그인이 안되네요. 쿠키설정은 다 풀어놓고 브라우저 쿠키까지 다 지웠는데도 계속 같은 메시지가 떠요. 혹시 다른 설정을 더 해줘야 하는게 있나요.

    에러메시지는 이렇습니다만.

    Cookies are blocked or not supported by your browser. You must enable cookies to use WordPress.

    1. 브라우저는 사파리와 크롬 모두 테스트 해보았습니다만 둘 다 같은 문제가 발생….. 어찌해야 할까요. T^T

  3. 워드프레스 공부할려고 하는데 호스팅을 꼭 해야 하는건가 해서 무료호스팅 알아보던 중이었어요. 그런데 이 페이지를 발견하게 되어서 다행입니다. MAMP를 예전에 설치해놨었더니 5분도 안되어서 워드프레스 페이지를 띄웠네요. 감사합니다.

    1. 공부를 위해서는 꼭 호스팅을 구매하지 않고 오프라인에서 서버를 설치하여 워드프레스를 테스트하는 것도 좋죠. 아무튼 잘 해결되셨다니 다행이네요. 🙂

  4. 안녕하십니까.

    일본 오사카에서 인사드립니다.

    워드프레스 왕초보입니다.

    MAMP는 가상서버라고 알고 있습니다.

    서두에서 말씀하셨듯이 연습용으로 작성해보고

    실제 웹에 올리기 위한 소프트라고 이해하고 있습니다.

    그런데 저는 워드프레스로 만들어진 실제 사이트를

    관리하고 있습니다. 이 경우에도 MAMP에 실제

    제 사이트의 본체화일을 설치해서 연습할 수 있는지요?
    새로운 화일만 다운받아 사용할 수 있는지요?

    MAMP를 설치해서 새로 워드프레스를 다운받아 사용하는

    방법만을 말씀하셨는데 , 현재 워드프레스로 만들어진 실제

    사이트의 화일을 여기다 설치해서도 연습용으로 사용할 수 있다면

    그 방법과 절차는 어떻게 되는지요? MAMP를 설치해서 다 잘 작동은 되는데, 거기서 어떻게 제 사이트의 화일을 설치해야 하는지 즉 임포트라고 하나요? 그 방법을 알 수 없어서 끙끙대고 있습니다.

    도와주시면 감사하겠습니다.

    최종식 올림

    1. MAMP를 활용해서 라이브 사이트를 오프라인에서 테스트할 수 있죠. 라이브 사이트의 파일과 DB를 다운받아 파일과 폴더는 localhost에서 워드프레스 파일이 있는 폴더에 붙여넣고 DB는 phpmyadmin을 활용해 import하되 DB의 정보에서 라이브 사이트의 url을 localhost 주소로 변경후 import하셔야 합니다. 🙂

    1. * pro가 함께 설치되지만 pro를 사용하지 않을거라면 단순히 삭제하시면 됩니다.

      * apache server, mysql server 모두 녹색불이 켜진 후에 open start page를 누르시면 자동으로 기본 브라우져에 http://localhost:8888/MAMP/?language=English 가 열릴거에요. 가끔 녹색불 켜지는 시간이 조금 걸리는 경우도 있으니 참고하세요.

  5. 쌩 초보인사드립니다.

    많은 도움이 됐습니다. 감사합니다.

    그런데 질문입니다.

    제가 이글을 보기전,

    그냥 서비스버젼인가요? 워드프레스 사이트서 바로 그냥 계정 만들어 블로그A를 생성했습니다. 참 심플하고 편했습니다.

    그런데 mh_board(쌈쳐)설치를 위한 플러그인이 없더라구요. 그래서 이런 경로(mamp)를 사용하나 싶더라구요. 맞습니까? 그래서 mamp를 통해 다시 계정을 만들고

    비슷하게 생긴 블로그B를 생성했죠.

    근데, 문제는 게시판 생성도 생성(흑흑 까막눈인지 아직도 못만들었습니다ㅜㅜ) 이지만 theme customize 과정에서 깨짐? 현상같은게 있더라구요. 암튼 뭔가 워드프레스 사이트에서 바로 하는것이랑 좀 달랐습니다. 그렇다면 mamp를 통해 기죤에 제가 만들었던 블로그A에 접속해서 변형(게시판용 플러그인 설치)을 할수 있는 건가요.

    질문요약:

    1. 워드프레스(영문판)싸이트를 통한 블로그 생성과 따로 프로그램을 다운받아 mamp를 통한 블로그 생성의 차이가 뭔지.

    2. mamp로 워드홈페이지서 직접만든 기존 계정에 접속 하여 수정가능한지.

    추가로…죄송하지만 실례가아니라면 MH borad 생성과정 상세설명 부탁요…(쌈쳐블로그서 따로 질문을 올리지만 좀 개인사정이있으신지 답변에 시간이 걸리시는듯….급해서요ㅡ.ㅡ) 숏코드가 이해가 안가는데 꼭 사용해야하는지. 플러그인 설치는 다했답니다.

    감사합니다.

    1. wordpress.com과 wordpress.org 의 차이를 먼저 아셔야할 것같네요. mamp는 오프라인에서 테스트 용도로 사용하는 것이며 실제 웹사이트를 만들기 위해서는 웹호스팅과 도메인이 필요합니다. http://hwangc.com/hwangc-kind-wordpress-class/ 초급과정 자세히 보기 누르시면 도움될만한 포스트가 있으니 참고하세요. MH board에 대한 설명은 ssamture님 사이트에 사용법이 있지만 저도 다음에 기회가 되면 사용법에 대한 포스팅 해볼게요. 🙂

  6. 친절한 설명 고맙습니다~ 현재 저는 mamp로 모두 테스트도 해보고 다 만들어놓았는데요.. 도메인이랑 호스팅을 사서 이제 실제 웹에서 구동되게 하려고 하는데요.
    mamp를 사용해서 어떻게 해야되는지 모르겠습니다;;;ㅠㅜ

    1. 실제 웹에 로컬 파일을 올리고 db에 실제 웹의 정보로 변경하고 파일도 ftp를 이용해 업로드 해야겠죠. wp-config.php도 정보를 수정해야하구요.

      1. 안녕하세요, HwangC님 사이트 덕분에 맥으로 MAMP를 통해 제 사이트를 만들어 놓은 상태입니다. 일년전에 김리완님께 주신 답변이 저에게는 너무 막막하기만해서 어디서부터 손을 써야할 지 모르겠습니다. 조금 더 자세한 포스트를 알려주시거나 설명 부탁드리겠습니다. 감사드립니다.

  7. 정말 감사합니다. ^^ 워드프레스 책 사서 보는데 윈도우 용이라 영 막막했는데,
    덕분에 정말 많은 시간을 아낄 수 있었습니다.

    거듭 감사의 말씀을 드립니다.

    사진도 굉장히 멋지시네요 ^^

  8. 안녕하세요. 혹시 mamp 설치하구요.. start page url 을 호기심에 바꾼 후로는 처음 시작 페이지가 열리지 안아서요.. 기본 설치에 적혀 있는 것좀 가르쳐 주세요.

  9. 안녕하세요.. 문의드릴것이 있어서요.. start page url 을 손을 된후에 시작 페이지가 열리지 안아서요.. 혹시 처음 mamp 설치한면 기본적으로 적혀있는 걸 가르쳐 주실 수 있나요..^^ 지우고 다시 설치해도 똑같네요..

  10. 안녕하세요 완전 처음 입문해서 헤매고 있는 한사람이에요..
    아무리 똑같이 따라해도 서버를 찾을수 없다고 나오네요
    저 wp- config에 넣는 username 등등 자신이 임의 설정하는 건가요
    아님 블로거님이 써주신대로 넣는건가요 ~_~
    아아아아 어려워요

    1. 2번 과정에서 Host, Port, user, password 정보와 4번 과정에서 DB생성시 사용한 이름을 8번 과정에서 입력하는 것입니다. 모든 정보가 저와 동일하면 8번 내용처럼 사용하면 되겠죠. 🙂

  11. 저는 왜 MAMP가 초록불 Apache Server , MySQL sever에 불이 안들어오죠 빨간불이에요 그리고 오픈 스타트페이지도 빨간불이라 안눌리네요 뭐가 잘못된걸까요?

  12. 로컬에서 테스트한 내용을 어떻게 자신의 사이트에 올려야 하지요?
    자신의 계정에 워드프레스를 따로 설치하고 로컬에서 테스트한 후
    이를 계정의 워드프레스에 똑같이 실시해야 하나요?

    1. 로컬에서 테스트한 파일을 모두 라이브 사이트의 FTP로 옮기고 DB도 라이브 사이트의 phpmyadmin에 옮겨야합니다. DB를 옮길 때는 DB의 오프라인의 정보를 라이브 사이트의 정보로 대체하시면 됩니다. 🙂

      1. 답글 감사합니다. 초보라 아직 이해못한 부분이 있는데, 워드프레스를 라이브 사이트에 먼저 설치해야 하나요 아니면 데이타베이스와 테스트한 파일만 옮기면 되나요?

        1. 모든 파일을 이동시키기 때문에 워드프레스를 따로 설치할 필요는 없습니다. 그 후에 db이동하시면 될거에요.

    1. 안녕하세요! 학교 과제로 워드프레스 홈페이지를 만드시나요? 웹디자인 공부하시나봐요 ㅎㅎ 집에서 편히 하실 수 있게되었다니 다행이네요 🙂

  13. 감사합니다. 따라하면서 해보니 잘 되네요. 근데 한가지 질문 드려도 될까요? 맥에서는 위에처럼 잘 보이는데 아이패드에서는 그림등이 깨져서 보이네요. 혹시 왜 그런지 아시나요?

    1. 안녕하세요! 로컬에서 테스트한 것을 웹에 올렸을 때 아이패드에서 잘 안보인다는 말씀이시죠? 저는 아이폰으로만 테스트를 해서 이미지 깨지는 현상은 본적이 없는데 혹시 로컬에서 테스트한 이미지 파일이 웹에 정상적으로 업로드 되었는지 확인해보세요~

  14. 안녕하세요! 도움이 되셨다니 완전 기쁘네요ㅎㅎ 앞으로도 좋은 내용 업데이트 노력할게요^^ 문의 사항 이메일 주세요~~ 즐거운 주말!

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.