2. 코딩 문외한의 워드프레스 정복기: VS Code와 FTP의 습격

👤 관리자

조회 수 135

들어가며: 의욕만 앞선 초보 개발자의 현실

도메인과 호스팅이라는 거대한 산을 넘었을 때만 해도, 저는 이제 다 끝난 줄 알았습니다. 하지만 진짜 '본게임'은 워드프레스 관리자 화면에 접속한 순간부터 시작되더군요. 태어나서 코딩의 '코'자도 접해본 적 없는 저에게, 수많은 메뉴와 설정창은 마치 외계어처럼 다가왔습니다. 오늘 이야기는 그 막막했던 환경 속에서 겪은 좌절과 실전 삽질의 기록입니다.

1. 워드프레스 테마 설정, 시작부터 난관

<텅 빈 easyWP창>

워드프레스를 깔면 바로 예쁜 사이트가 완성될 줄 알았는데, 현실은 텅 빈 도화지 같았습니다. '테마'라는 걸 설정해야 디자인이 바뀐다는 사실조차 몰랐던 저는 결국 이번에도 제미나이의 도움을 빌렸습니다. 저는 Astra라는 테마를 사용했습니다.

AI가 추천해 준 몇 가지 테마를 적용해 보며 하나씩 기능을 익혀 나갔지만, 곧 커다란 벽에 부딪혔습니다. 제가 사용하는 방식이 무료 모델이다 보니, 디자인을 조금만 내 입맛대로 바꾸려고 해도 "유료 결제를 하세요"라는 메시지가 저를 반겼거든요. '로아 골드'로 야심 차게 시작한 프로젝트인데, 여기서 또 추가 지출을 하기는 너무 아까웠습니다.

2. VS Code와의 첫 만남: "나도 이제 개발자?"

켜두기만 해도 개발자가 된것 같은 느낌이 드는 VS code

<켜두기만 해도 개발자가 된것 같은 느낌이 드는 VS code>

돈을 쓰지 않고 디자인을 바꾸는 방법을 찾다 보니, 인터넷에서 본 고수들의 영상이 떠올랐습니다. 그들은 화려한 검은색 화면에 영문 코드를 직접 타이핑하며 마법처럼 사이트를 바꾸더군요.

AI에게 "유료 테마 결제 안 하고 직접 코드를 수정하고 싶어"라고 물으니, **VS Code(Visual Studio Code)**라는 툴을 알려주었습니다. 전 세계 개발자들이 가장 많이 쓴다는 말에 설레는 마음으로 설치를 마쳤습니다. 검은 화면에 커서가 깜빡이는 걸 보니, 왠지 저도 금방 대단한 웹사이트를 뚝딱 만들어낼 수 있을 것 같은 근거 없는 자신감이 샘솟았습니다.

3. FileZilla: 내 컴퓨터와 서버를 잇는 통로

<코딩 파일을 직접 연결하는 FTP 프로그램 FileZilla>

하지만 기쁨도 잠시, VS Code에서 코드를 수정한다고 해서 제 웹사이트에 바로 적용되는 게 아니었습니다. 제가 수정한 파일을 저 멀리 네임칩 서버에 있는 제 웹사이트 공간으로 전달해 줄 배달부가 필요했는데, 그것이 바로 FileZilla(파일질라) 같은 FTP 프로그램이었습니다.

FTP란?: File Transfer Protocol의 약자로, 내 컴퓨터의 파일을 서버로 전송하거나 서버의 파일을 내려받는 규약입니다.

</li></ul>

다시 한번 AI 선생님의 도움을 받아 EasyWP 관리자 페이지에서 SFTP 계정을 생성하고, 파일질라에 호스트 주소와 포트 번호를 입력해 서버 연결에 성공했습니다. 내 컴퓨터와 서버의 폴더가 서로 마주 보고 있는 화면을 보니 마치 '진짜 개발'의 영역에 들어선 기분이 들어 묘한 쾌감까지 느껴졌습니다.

4. 탄탄대로 끝에 찾아온 재앙: '접속 불가'의 공포

<온몸에 식은 땀이 나게 했던 사이트 접속불가>

VS Code로 코드를 살짝 고치고, 파일질라를 통해 서버에 덮어쓰기를 완료했습니다. 새로고침을 누르니 제가 수정한 내용이 사이트에 반영되어 있더군요! "오, 이게 되네?"라는 생각에 신이 나서 이것저것 코드를 더 건드리기 시작했습니다.

하지만 그 자신감은 단 10분 만에 절망으로 바뀌었습니다. 특정 코드를 수정하고 다시 업로드한 순간, 제 웹사이트가 하얀 화면만 내뱉으며 멈춰버린 것입니다. 설상가상으로 EasyWP 관리자 사이트조차 접속이 되지 않는 사태가 벌어졌습니다. 소위 말하는 '사이트가 터진' 것이죠. 아무것도 모르고 칼을 휘두르다 제 발등을 찍은 격이었습니다.

마치며: 역시 쉬운 건 하나도 없다

식은땀이 흐르고 손이 떨리기 시작했습니다. "그냥 가만히 놔둘걸" 하는 후회가 밀려왔지만 이미 상황은 벌어진 뒤였죠. 관리자 페이지까지 막혀버린 상황에서 이 문제를 어떻게 해결해야 할지 막막하기만 했습니다.

하지만 이대로 포기할 수는 없었습니다. 다음 포스팅에서는 이 '접속 불가'라는 절체절명의 위기를 어떻게 극복했는지, 그리고 초보자가 코드를 건드릴 때 반드시 지켜야 할 철칙은 무엇인지에 대해 다뤄보겠습니다. 저와 같은 실수를 반복하지 않으시길 바라며, 다음 삽질기도 기대해 주세요!

지난편 보러가기: 1. 아무것도 모르고 코딩 독학으로 시작하는 웹사이트 제작: 도메인과 호스팅의 늪

다음편 보러가기: 3. 접속 불가 사태 발생! 초보 개발자의 눈물겨운 서버 복구 성공기