안녕하세요! 연쇄창업가 최대표입니다.
오랜만에 프로그래밍 관련 포스팅을 하네요.
올해 워드프레스를 처음 배우면서, 프로그래밍은 하지 않고, 웹 빌더 플러그인을 통해 홈페이지를 제작했습니다. 다양한 워드프레스 테마와 플러그인을 가지고 쉽게 홈페이지를 제작할 수 있었습니다.
블로그, 쇼핑몰, 온라인 강의 플랫폼 등 왠만한 홈페이지는 이제 코딩없이도 제작이 가능하지만, 플러그인이나 테마에서 제공되지 않는 디자인과 기능들에 대해서는 수정할 수가 없어 답답한 것이 사실입니다.
그래서 이제는 제대로 커스터마이징 된 홈페이지를 제작하기 위해 워드프레스 테마 및 플러그인 제작 프로그래밍을 학습하고자 합니다.
워드프레스를 120% 활용하려면 프로그래밍이 필수
위에서 이야기했지만, 워드프레스를 제대로 수정하기 위해서는 PHP 프로그래밍이 필수입니다.
국내에서는 PHP에 대한 인기가 그리 높지 않은데, PHP는 기업에서 사용하지 않는 프로그래밍 언어라는 인식이 강하기도 하고, 대부분 Java나 Python을 배우기 때문입니다.
하지만, 워드프레스나 그누보드 같은 웹 사이트를 쉽고 빠르게 제작할 수 있는 도구들을 이용할 때는 PHP 언어가 필수입니다. 처음부터 모두 개발하기에는 돈도 시간도 많이 들기 때문에 이런 도구들을 이용하는 경우가 많습니다.
저는 개발자가 목적이 아니고, 웹 사이트를 원하는대로 제작하는 것이 목적이기 때문에 WordPress와 php를 배워서 고수준의 사이트 개발을 하고, 이 내용을 토대로 강의와 컨설팅을 하는 것이 목표입니다.
워드프레스 프로그래밍을 위한 1단계, IDE와 Hosting 서버 연결하기
그런 이유로 이제 본격적으로 php 프로그래밍 언어를 이용한 워드프레스 개발을 학습하고 있습니다.
워드프레스는 이미 소스가 있기 때문에 우리가 필요한 부분만 수정하여 테마나 플러그인을 제작해 사용하면 됩니다. 그래서 보통의 프로그래밍을 학습하는 것 처럼 Local에서 하는 것 보다는 아예 호스팅 서버에 연결해서 사용하는 편이 편리합니다.
물론, 내 컴퓨터에 Apache 서버를 설치하고, 여기에 워드프레스를 설치하여 이용할 수도 있지만, 이렇게 되면 외부에서 접속하려면 난감해집니다. 어짜피 워드프레스는 호스팅 서버를 임대하여 사용할 것이기 때문에 해외 호스팅을 구매하고, 그곳에서 직접 프로그래밍을 연습하고자 합니다.
저는 현재 Fastcomet 이라는 호스팅 업체를 이용하고 있습니다. 호스팅 업체의 선정 기준에 대해서는 다음 포스팅에서 알려드리도록 하겠습니다.
그리고 IDE는 Phpstorm을 이용하고 있습니다. 개발 효율성이나 속도가 가장 뛰어나다고 알려져 있어서 사용하고 있는데, 본격적으로 사용을 해봐야 정말 좋은지 알 수 있을 것 같네요.
그럼, Fastcomet의 호스팅 서버를 FTP를 이용하여 PHPStorm에 연결해보겠습니다.
(1) Fastcomet 호스팅 서버에서 FTP 정보 얻기
먼저 Fastcomet의 호스팅 서버에서 FTP 정보를 얻어야 합니다.
Fastcomet 관리자 페이지에서 좌측에 Home 버튼을 클릭합니다. 아래로 내려 내 호스팅 주소 우측에 보이는 “Manage” 버튼을 클릭하고, 아래 보이는 “View Details”를 클릭합니다.
클릭을 하면 아래와 같은 팝업을 볼 수 있습니다. 여기서 우리에게 필요한 정보는 FTP Hostname, FTP Username, 그리고 FTP Password 입니다. Hostname과 Username은 바로 확인 가능하지만, Password는 별표 처리가 되어 보이지 않습니다. ③ 버튼을 누르고 비밀번호를 입력하면 Password도 확인이 가능합니다.
이렇게 해서 FTP에 연결할 정보는 모두 확보하였습니다. 이제 PHPstorm에 FTP로 연결해보겠습니다.
(2) PHPstorm에 Fastcomet FTP 연결하기
File을 클릭하고 Settings를 클릭합니다.
Build, Execution, Deployment를 클릭하고, Deployment를 클릭합니다.
우측에서 “+” 버튼을 클릭하고 이름을 입력합니다.
Type은 “FTP”로 설정하고 Host에는 위에 Fastcomet 화면에서 “FTP Hostname”을 입력하고, User name에는 “FTP Username”으로 입력하고, 마지막으로 Password에는 “FTP Password”를 입력합니다.
잘 작동하는지 “Test Connection” 버튼을 클릭해보세요. 정상적으로 연결이 되었다면 연결성공 메시지를 볼 수 있습니다. 모두 확인하였으면 아래 “OK” 버튼을 클릭합니다.
다시 돌아와서 상단에 “Tools”를 클릭하고, 아래 “Deployment”를 클릭합니다. 맨 아래에 “Browse Remote Host”를 클릭합니다.
정상적으로 연결이 되었다면 아래와 같이 Fastcomet의 호스팅 서버에 연결되어 내부 파일들을 확인할 수 있습니다.
이렇게 해서 Fastcomet 호스팅 서버를 FTP를 이용해 Phpstorm에 연결하였습니다.
이제 이곳에서 코드를 확인하고 수정하면 바로바로 Fastcomet 호스팅에 적용되게 됩니다.
다음 시간에는 본격적으로 워드프레스 & php 프로그래밍에 대해 하나하나 학습해보도록 하겠습니다.