AI 웹도구 만들기 공부 3편｜서버·호스팅·도메인·AI 비용은 어떻게 연결될까?

AI 웹도구 만들기 공부 3편｜서버·호스팅·도메인·AI 비용은 어떻게 연결될까?

AI 웹도구를 공부하면서 이제 한 가지 궁금증이 더 생겼다.

“그래서 내가 만든 프로그램을 실제 인터넷에 올리려면 어떻게 하지?”

내 컴퓨터에서 작동하는 HTML 파일과 사람들이 인터넷에서 사용하는 웹서비스는 어떤 차이가 있는지도 궁금했다.

그리고 AI API를 사용하면 돈이 얼마나 드는지도 알아야 했다.

---

목차

• ⭐ 내 컴퓨터의 HTML과 인터넷 웹사이트의 차이
• 호스팅이란?
• 도메인이란?
• ⭐ AI 웹서비스에서 돈이 발생하는 곳
• 사용자가 많아지면 어떻게 될까?
• 무료 서비스와 유료 서비스
• ⭐ 수익화 방법
• 내가 만들고 싶은 서비스의 방향

---

⭐ 내 컴퓨터의 HTML과 인터넷 웹사이트의 차이

HTML 파일을 내 컴퓨터에 저장해놓으면 일단 웹페이지를 실행할 수 있다.

하지만 그 파일은 기본적으로 내 컴퓨터에 있는 파일이다.

다른 사람이 인터넷에서 주소를 입력해서 사용하려면 파일과 관련 기능을 인터넷을 통해 제공할 수 있는 환경이 필요하다.

그래서 필요한 것이 호스팅이다.

---

호스팅이란?

호스팅은 아주 쉽게 생각하면

“내 웹사이트를 인터넷에 올려둘 공간을 빌리는 것”

이라고 이해하면 된다.

내 컴퓨터에만 있던 웹사이트를 인터넷 서버에 올려두면 다른 사람도 접속해서 사용할 수 있다.

예를 들어

내 컴퓨터
↓
웹호스팅 서버
↓
인터넷
↓
사용자

와 같은 구조가 된다.

---

도메인이란?

도메인은 쉽게 말해 웹사이트의 인터넷 주소다.

예를 들어 사람들이 특정 웹사이트를 찾아갈 수 있도록 주소를 정하는 것이다.

처음부터 반드시 개인 도메인을 구입해야 하는 것은 아니다.

웹호스팅 서비스를 이용하면 서비스에서 제공하는 주소로 먼저 테스트할 수도 있다.

서비스가 제대로 작동하고 사람들이 실제로 사용하기 시작한 뒤 나만의 도메인을 연결하는 방법도 있다.

---

⭐ AI 웹서비스에서 돈이 발생하는 곳

AI 웹도구를 만들 때는 단순히 웹사이트를 인터넷에 올리는 비용만 생각하면 안 된다.

특히 AI API를 사용한다면 AI 사용량에 따른 비용을 고려해야 한다.

대표적으로 생각해야 할 것은 다음과 같다.

• AI API 사용 비용
• 서버 또는 호스팅 비용
• 도메인 비용
• 데이터 저장 등 추가 서비스 비용

서비스마다 무료 구간과 과금 방식이 다르기 때문에 실제 서비스를 만들 때는 각각의 요금제를 확인해야 한다.

---

사용자가 많아지면 어떻게 될까?

이 부분이 개인용 프로그램과 서비스의 가장 큰 차이 중 하나인 것 같다.

내가 혼자 사용하는 경우에는 AI 요청도 많지 않을 것이다.

하지만 다른 사람이 사용하기 시작하면 이야기가 달라진다.

예를 들어

사용자 증가
↓
AI 요청 증가
↓
AI API 사용량 증가
↓
비용 증가 가능

따라서 AI 웹서비스를 공개할 때는 사용량 관리도 중요하다.

---

무료 서비스와 유료 서비스

처음부터 모든 기능을 유료로 제공할 필요는 없다.

예를 들어 서비스를 테스트할 때는 일정 횟수까지 무료로 사용하도록 만들 수도 있다.

예를 들어 개념적으로

• 회원가입 후 무료 이용 횟수 제공
• 무료 이용량을 모두 사용하면 추가 이용 선택
• 더 많은 기능이 필요한 경우 유료 이용

등의 구조를 생각할 수 있다.

다만 실제 무료 횟수와 가격은 AI API 비용, 서버 비용, 사용자 수 등을 계산한 뒤 결정해야 한다.

---

⭐ 수익화 방법

1. 광고

무료로 서비스를 제공하고 웹사이트에 광고를 표시하는 방식이다.

2. 구독

월 단위 또는 연 단위로 이용료를 받는 방식이다.

3. 크레딧

AI 사용 횟수나 사용량을 기준으로 이용권을 판매하는 방식이다.

4. 특정 직업군에 특화된 서비스

단순히 “AI 글쓰기”가 아니라 특정 사용자의 반복적인 업무를 해결해주는 방식이다.

---

내가 생각하는 방향

단순히

AI에게 글을 써달라고 하는 웹사이트

를 만드는 것보다는 특정 직업군의 실제 문제를 해결하는 도구를 만드는 것이 더 의미 있을 것 같다.

예를 들어 교사를 대상으로 한다면

• 교사가 막 적은 업무 메모 정리
• 학부모 안내문 초안 작성
• 회의 내용 정리
• 학생 관찰 메모 정리
• 업무보고 초안 작성
• 블로그 글 초안 정리

처럼 교사가 실제로 반복해서 하는 일을 줄여주는 방향으로 생각해볼 수 있다.

---

내가 배운 것을 하나의 그림으로 정리하면

① HTML
↓
웹페이지 화면 만들기
↓
② JavaScript
↓
버튼과 기능 작동시키기
↓
③ API
↓
AI와 연결하기
↓
④ API Key
↓
AI 사용 인증
↓
⑤ 서버
↓
API Key를 보호하면서 AI와 통신
↓
⑥ 호스팅
↓
인터넷에 서비스 공개
↓
⑦ 도메인
↓
사람들이 찾아올 주소 만들기

---

마무리

아직 개발을 제대로 배운 것은 아니지만, 처음에는 하나도 모르던 단어들이 이제는 조금씩 연결되기 시작했다.

결국 내가 만들고 싶은 AI 웹도구는 단순히 HTML 파일 하나를 만드는 것에서 끝나는 것이 아니라

웹페이지 → 서버 → AI API → 결과 → 인터넷 서비스

라는 구조로 만들어진다는 것을 이해했다.

앞으로는 직접 작은 웹도구를 하나씩 만들어보면서 부족한 부분을 그때그때 공부해볼 생각이다.

이 글 역시 내가 나중에 다시 개발을 공부할 때 찾아보기 위한 공부 기록이다.

처음부터 모든 것을 외우기보다는, 하나를 만들면서 하나씩 이해해보려고 한다.

 

 

---

 

AI 웹도구 만들기 공부 4편｜AI API를 연결하면 실제로 무슨 일이 일어날까?

AI 웹도구 만들기 공부 4편｜AI API를 연결하면 실제로 무슨 일이 일어날까?