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

👤 관리자

조회 수 140

추천 수 0

들어가며: 로스트아크 골드가 웹사이트가 되기까지

평화로운 일상 속에서 '로스트아크'를 즐기며 차곡차곡 골드를 모으는 것이 제 유일한 낙이었습니다. 캐릭터 스펙업보다는 쌓여가는 재화를 보는 재미에 푹 빠져 있었죠. 딱히 사용하기도 애매하고 그렇다고 팔기도 귀찮았습니다.

그렇게 무심결에 모인 골드가 어느덧 400만 골드를 넘어섰습니다.

400만골 모은 기념사진

<400만골 모은 기념사진>

평화롭게 쌀만 모으고 있다가 문뜩 400만골 정도가 되었을때 이제는 정말 팔아야겠다고 생각했습니다.. 그러다가 최근에 지나가면 본 유튜브 영상이 떠올랐죠

바로 웹사이트를 구성하는 것을 제미나이나 GPT를 통해서 코딩을 아무것도 모르는 사람이라도 쉽게 만드는 영상을 보았습니다.

겜돌이니까 평소에 하는 것이라고는 회사 운동 게임이다보니까 자연스럽게 나는 웹사이트에 자주 방문을 했고, 커뮤니티 사이트도 자주 찾았고 익숙했기 때문에

가끔씩 나만의 웹사이트를 구상하고 싶은 욕망이 있었고 그게 갑자기 하고 싶어졌다.

나만의 공간을 만들고 싶다는 막연한 욕망이 있었는데, 골드 판매 수익 약 40만 원이면 도메인 비용 정도는 충분히 충당하고도 남겠다는 계산이 섰습니다.

1. 진정한 시작: 도메인(Domain)의 개념과 '임대'의 원리

나는 정말 아무것도 몰랐습니다. 도메인이 뭐고 호스팅이 무엇인지조차 몰랐습니다. 그래서 제미나이가 나에게 엄청 큰 도움을 줬습니다. 물론 정확하지 않다고는 했지만 기본 개념은 이해할 수 있었습니다.

처음에는 도메인이 단순히 '내 소유의 주소'라고만 생각했는데, 학습을 통해 도메인은 구매가 아닌 '임대'의 개념이라는 것을 알게 되었습니다.

도메인이란?: 숫자로 이루어진 복잡한 IP 주소(Internet Protocol)를 사람이 기억하기 쉬운 텍스트로 변환한 것입니다. 이를 연결해주는 시스템을 DNS(Domain Name System)라고 부릅니다.

도메인(Domain)은 사실상 무료입니다. 도메인(Domain)이라는 것은 웹사이트 주소이며, 주소에 내 웹사이트의 아이덴티를 넣어서 구성을 합니다. 주소이면서 이름이 되는겁니다.(사실은 인터넷 주소는 IP 형태로되어 있는 숫자인데 사람들이 인식하기 편하게 텍스트로 변환한 것입니다.)

그런데 도메인(Domain)을 구매를 해야한다고 한다고요??

당시 저의 머리속

<당시 저의 머리속>

내 머리속에는 의문이 들었습니다. 그런데 제미나이를 통해서 알아보니까 도메인은 임대식으로 사용하고 있었습니다.

논리가 맞다고 생각합니다. 누군가 도메인을 평생 가지고 있다는 것은 말이 안되는 것이죠.

그런데 역으로 내가 도메인을 가지고 웹사이트를 만들었는데, 임대기간이 끝나서 주소를 뺏기는 것도 이상한 일입니다..

찾아보니 결국 임대는 1년단위로 하고, 갱신을 하지 않으면 없어지는 것이었습니다. (이것때문에 판매도 가능합니다. 특정단어가 들어간 도메인을 임대하고 있다가 누군가 그도매인을 가지고 싶다고 하면 판매도 가능합니다. 몇억의 금액을 받고 회사에 도매인을 팔았다는 것이 이것때문입니다.)

그래도 새로운 사람이 도매인을 구매하려고 하면 돈을 주고 사야하는데 이것은 무엇이냐!!?라고 한다면 이 비용은 인터넷환경유지보수비(?) 라고 하던데 정확히는 모르겠습니다.

대략 1년에 5만원 안쪽이었습다.

사설이 길었고 이렇게 저렇게 우여곡절을 겪으면서 저는 전 세계적으로 신뢰도가 높은 Namecheap.com을 선택했습니다. .net이나 .me, .xyz 등 다양한 최상위 도메인(TLD)이 있었지만, 검색 엔진 최적화(SEO)에 가장 유리하고 사용자들에게 익숙한 .com 형식을 선택해 inspeep.com이라는 저만의 주소를 확보했습니다. 연간 약 1~2만 원 내외의 비용으로 나만의 인터넷 영토를 갖게 된 셈입니다.

2. 두번째 시련: 서버와 호스팅(Hosting)의 이해

나는 도메인을 딱 구매하면, 인터넷에 내 웹사이트가 뜨고 내가 블록 맞추기 하듯이 마우스로 끌고 다니면서 세팅을 할 수 있을 줄 알았습니다.

그런데 두근거리는 마음을 가지고 웹사이트에 방문을 했더니, 접속조차 되질 않았습니다.

패닉에 걸린 저는 다시 AI를 통해서 문의를 해본결과

호스팅이라는 것을 해야 하는 것을 알게 되었습니다!!

우리가 웹사이트에 방문을 할 때는 웹사이트의 양식 및 자료를 다운받거나 빌려서 보는 것입니다. 그럼 그 양식과 자료는 어디 있는걸까요?

웹사이트는 단순히 주소만 있다고 작동하지 않습니다. 사용자가 접속했을 때 보여줄 이미지, 텍스트, 코드 파일들이 저장되어 있는 '물리적인 컴퓨터(서버)'가 필요합니다.

서버(Server): 24시간 깨어 있으며 데이터를 전송해주는 저장소.

호스팅: 이 서버의 일정 공간을 빌려 쓰는 서비스.

이 지점에서 포기하고 싶은 유혹이 강렬했습니다. 서버 세팅이나 리눅스(Linux) 환경 설정 같은 전문 용어들이 쏟아졌기 때문입니다.

여기서 하차를 할까 고민을 엄청했습니다. 생각보다 일이 너무 커졌고 어떻게 해야할지 머리가 너무 아파왔습니다.

하지만 다행히 네임칩에서 제공하는 EasyWP라는 매니지드 호스팅 서비스를 발견했습니다.

복잡한 서버 명령어 없이도 클릭 몇 번으로 환경을 구축할 수 있다는 점이 저 같은 초보자에게는 구원과도 같았습니다.

3. 워드프레스(WordPress)와 비용의 압박

웹사이트의 뼈대를 만들기 위해 선택한 플랫폼은 전 세계 점유율 1위인 워드프레스(WordPress)입니다. 워드프레스는 코딩 없이도 사이트를 관리할 수 있게 해주는 CMS(콘텐츠 관리 시스템)입니다.

하지만 여기서 예상치 못한 지출이 발생했습니다.

왜 비용이 계속 늘어나니!!

"왜 비용이 계속 늘어나니!!"

메인 비용이 '연간 커피 5잔' 수준이었다면, 서버 호스팅 비용은 '월간 커피 5잔' 수준이었습니다.

도메인: 약 $15 / Year

EasyWP 호스팅: 약 $5~10 / Month

배보다 배꼽이 더 커지는 기분이었지만, 이미 칼을 뽑았기에 끝까지 가보기로 했습니다. 유료 서비스를 이용하는 만큼 보안이나 속도 면에서 이점이 있을 것이라 위안 삼으며 본격적인 세팅에 들어갔습니다

4. 진정한 웹사이트 개발의 현실과 이상: GUI와 코드 사이의 괴리

모든 준비를 마치고 워드프레스 관리자 화면에 접속했을 때, 저는 또 한 번의 좌절을 맛봤습니다. 마우스로 블록을 옮기듯 쉽게 만드는 GUI(Graphic User Interface) 환경을 기대했지만, 제가 원하는 미세한 디자인과 기능을 구현하기 위해서는 결국 HTML, CSS, PHP 같은 코드 작업이 필수적이었습니다.

웹사이트 개발은 단순히 예쁜 테마를 입히는 것이 아니라, 수많은 코드와 설정값이 맞물려 돌아가는 정교한 작업임을 깨닫는 순간이었습니다.

이제 Wordprees에서 개발을 하면서 탄탄대로를 걸으면서 다 잘될 꺼라고 생각했습니다.

하지만 이것은 쉽게 산산히 부셔졌습다. 나는 GUI 식 그리니까 그래픽형태로 블록맞추기를 진행하는 줄 알았지만, 그것이 아니였다. 아직도 웹사이트개발에는 수많은 코드 작업이 필요했었죠.

나는 그래서 그날은 개발을 멈췄습니다.

마치며: 첫걸음을 떼다

비록 시작은 로아 골드였지만, 이 과정을 통해 인터넷 세상이 어떻게 연결되는지 조금이나마 이해할 수 있었습니다. 아무것도 모르던 초보자가 도메인을 사고 서버를 연결한 것만으로도 절반의 성공이라고 생각합니다.

다음 포스팅에서는 저를 멘붕에 빠뜨렸던 워드프레스의 첫 코드 수정기와 플러그인 설정 삽질기를 공유해 보겠습니다. 저와 같은 비전공자 독학 개발자분들에게 조금이나마 용기가 되었으면 합니다.

<계속>

다음편 보러가기 : 2. 코딩 문외한의 워드프레스 정복기: VS Code와 FTP의 습격