UI & WEB · 완전 초보자를 위한 AI 웹서비스 만들기

HTML, CSS, JavaScript, UI까지 살펴봤다면 이제 한 가지 궁금증이 생깁니다. 블로그를 하나 만들 때도 이런 코드를 전부 직접 작성해야 할까요?

꼭 그렇지는 않습니다. 블로그처럼 글을 자주 올리고, 메뉴와 카테고리를 관리하고, 이미지를 넣고, 여러 페이지를 운영해야 하는 사이트라면 WordPress 같은 도구를 이용하는 것이 훨씬 편할 수 있습니다.

이 글에서는 WordPress를 처음 듣는 사람을 기준으로, WordPress가 무엇인지, 왜 블로그를 만드는 데 많이 쓰이는지, 직접 개발하는 웹서비스와는 무엇이 다른지를 아주 쉽게 설명합니다.

오늘의 목표

  • WordPress가 무엇인지 이해합니다.
  • CMS라는 말을 처음 들어도 뜻을 알 수 있습니다.
  • 직접 코딩한 웹서비스와 WordPress 블로그의 차이를 이해합니다.
  • WordPress가 서버와 데이터베이스 위에서 어떻게 동작하는지 큰 흐름을 압니다.
  • 다음 STEP 013의 실제 WordPress 설치 과정을 준비합니다.

01. WordPress는 ‘블로그를 쉽게 운영하게 해주는 관리 도구’입니다

가장 쉽게 말하면 WordPress는 글과 페이지를 직접 코드로 하나씩 만들지 않고, 관리자 화면에서 작성하고 관리할 수 있게 해주는 프로그램입니다.

예를 들어 블로그 글을 하나 올린다고 생각해봅시다. 직접 웹페이지를 만든다면 새 HTML 파일을 만들고, 메뉴에 링크를 연결하고, 디자인을 맞추는 작업이 필요할 수 있습니다. 하지만 WordPress에서는 관리자 화면에서 제목과 본문을 입력하고 ‘공개’ 버튼을 누르면 글이 사이트에 올라갑니다.

즉 WordPress는 ‘웹사이트를 직접 코딩하지 않아도 콘텐츠를 계속 추가하고 관리할 수 있게 해주는 시스템’이라고 이해하면 됩니다.

02. CMS라는 말이 나오면 이렇게 생각하세요

WordPress를 검색하면 CMS라는 말을 자주 보게 됩니다. CMS는 Content Management System의 약자입니다.

한국말로는 ‘콘텐츠 관리 시스템’이라고 부르는데, 처음 들으면 더 어렵게 느껴질 수 있습니다. 그냥 ‘글과 이미지와 페이지를 관리하는 관리자 프로그램’이라고 생각하면 됩니다.

  • 글을 작성하고 수정하기
  • 페이지 만들기
  • 카테고리 나누기
  • 메뉴 만들기
  • 이미지 업로드하기
  • 사용자 계정 관리하기

이런 일을 브라우저 안의 관리자 화면에서 처리하게 해주는 것이 CMS입니다.

03. WordPress를 쓰면 HTML, CSS, JavaScript를 몰라도 되나요?

기본적인 블로그 운영만 한다면 코드를 거의 몰라도 시작할 수 있습니다. 글 작성, 메뉴 구성, 카테고리 관리, 이미지 등록 같은 일은 관리자 화면에서 할 수 있기 때문입니다.

하지만 HTML, CSS, JavaScript가 어떤 역할을 하는지 알고 있으면 훨씬 유리합니다. 화면이 왜 이렇게 보이는지, 무엇을 수정해야 하는지, AI에게 어떤 식으로 요청해야 하는지를 이해하기 쉬워지기 때문입니다.

그래서 이 시리즈에서는 WordPress를 먼저 배우기 전에 HTML, CSS, JavaScript, UI를 차례대로 살펴봤습니다. 개발자가 되기 위한 공부가 아니라, AI와 WordPress를 더 잘 활용하기 위한 최소한의 이해입니다.

04. WordPress도 결국 서버 위에서 움직입니다

WordPress가 편리하다고 해서 인터넷의 기본 구조가 사라지는 것은 아닙니다.

WordPress 블로그도 결국 서버라는 컴퓨터에서 실행됩니다. 그리고 블로그 글, 설정, 카테고리 같은 정보는 데이터베이스에 저장됩니다. 사용자가 도메인 주소를 입력하면 인터넷을 통해 서버에 접속하고, WordPress가 필요한 내용을 불러와 화면을 보여주는 구조입니다.

초보자 기준으로는 다음 정도만 기억하면 충분합니다.

  • 도메인 = 블로그 주소
  • 서버 = WordPress가 실행되는 인터넷 컴퓨터
  • WordPress = 글과 페이지를 관리하는 프로그램
  • 데이터베이스 = 글과 설정 정보를 저장하는 공간

이 네 가지가 서로 연결되어 하나의 WordPress 블로그가 동작합니다.

05. MathGenix 같은 웹서비스와 WordPress는 무엇이 다를까?

MathGenix는 사용자가 조건을 선택하고 AI가 수학 문제를 생성하는 기능처럼, 서비스 목적에 맞는 기능을 직접 설계하고 개발해야 하는 웹서비스입니다.

반면 WordPress는 글을 작성하고 보여주고, 메뉴와 카테고리를 관리하는 기본 기능이 이미 준비되어 있습니다. 그래서 블로그나 정보형 사이트를 만들 때 처음부터 모든 기능을 개발할 필요가 없습니다.

  • MathGenix처럼 직접 개발하는 웹서비스 = 내가 원하는 구조로 집을 처음부터 설계하고 짓는 것
  • WordPress = 기본 구조가 갖춰진 건물에 들어가 내부를 내 목적에 맞게 꾸미는 것

둘 중 어느 것이 더 좋다는 뜻은 아닙니다. 만들려는 목적에 따라 필요한 방식이 다릅니다.

06. 블로그를 만들 때 WordPress가 편한 이유

블로그는 글을 한 번 올리고 끝나는 사이트가 아닙니다. 계속 새로운 글을 등록하고, 카테고리를 나누고, 메뉴를 수정하고, 이미지를 관리해야 합니다.

WordPress는 이런 반복적인 관리 작업을 쉽게 하기 위해 만들어진 도구이기 때문에 블로그 운영에 잘 맞습니다.

  • 관리자 화면에서 글을 바로 등록할 수 있습니다.
  • 카테고리와 메뉴를 쉽게 만들 수 있습니다.
  • 테마를 이용해 디자인을 바꿀 수 있습니다.
  • 플러그인으로 필요한 기능을 추가할 수 있습니다.
  • 여러 글을 검색하고 수정하기 쉽습니다.

다만 플러그인이나 테마를 너무 많이 설치하면 속도나 보안 문제가 생길 수 있기 때문에, 초보자일수록 처음에는 필요한 것만 사용하는 것이 좋습니다.

07. 테마와 플러그인은 무엇인가요?

테마

테마는 WordPress 사이트의 기본 디자인과 화면 구조를 정해주는 틀입니다. 글 내용은 그대로 두고도 테마를 바꾸면 전체적인 디자인이 달라질 수 있습니다.

플러그인

플러그인은 WordPress에 새로운 기능을 추가하는 작은 프로그램입니다. 예를 들어 SEO 기능, 문의폼, 백업, 보안, 캐시 같은 기능을 추가할 때 사용합니다.

초보자에게 중요한 것은 ‘유명하니까 일단 다 설치한다’가 아니라, 내가 정말 필요한 기능인지 먼저 확인하는 것입니다.

08. AI를 활용하면 WordPress도 훨씬 쉬워집니다

WordPress를 처음 열면 관리자 화면에 메뉴가 많아서 무엇부터 해야 할지 막막할 수 있습니다. 이럴 때 화면을 캡처해서 AI에게 보여주고 다음 단계가 무엇인지 물어보는 방식이 매우 유용합니다.

예를 들어 이렇게 질문할 수 있습니다.

WordPress를 처음 설치했습니다. 블로그를 만들려고 하는데 이 관리자 화면에서 먼저 무엇부터 설정해야 하나요? 코딩을 전혀 모르는 사람 기준으로 한 단계씩 알려주세요.

또는 테마 설정 화면을 보여주면서 ‘이 화면에서 블로그 메인 메뉴를 만들려면 어디를 눌러야 하나요?’라고 물어볼 수도 있습니다.

단, 관리자 비밀번호, API 키, 서버 접속 정보 같은 민감한 정보는 캡처에 포함하지 않도록 주의해야 합니다.

09. 초보자가 WordPress를 시작할 때 자주 오해하는 것

WordPress를 설치하면 블로그가 바로 완성되나요?

기본 사이트는 만들어지지만, 실제 운영을 위해서는 제목, 메뉴, 카테고리, 테마, 고유주소, 보안, 백업 같은 기본 설정이 필요합니다.

WordPress와 WordPress.com은 같은 건가요?

WordPress라는 이름으로 여러 서비스가 보여 처음에는 헷갈릴 수 있습니다. 우리가 앞으로 다룰 내용은 서버에 직접 설치해 운영하는 WordPress 소프트웨어를 중심으로 설명합니다.

WordPress만 배우면 서버나 도메인은 몰라도 되나요?

호스팅 서비스를 이용하면 일부 과정이 자동화될 수 있지만, 내가 운영하는 사이트가 어떻게 연결되는지 이해하려면 서버, 도메인, DNS의 기본 개념을 알아두는 것이 좋습니다. 이후 SERVER & DEPLOY 파트에서 아주 쉽게 다시 설명합니다.

10. 다음 글부터 실제로 WordPress를 설치합니다

이번 글은 WordPress가 무엇인지 이해하는 준비 단계였습니다.

다음 STEP 013에서는 실제로 WordPress를 설치하고 관리자 화면에 들어가 첫 글을 등록하는 흐름을 살펴봅니다.

지금 단계에서는 어려운 설정값을 외우지 않아도 됩니다. ‘WordPress는 서버 위에서 실행되고, 데이터베이스에 정보를 저장하며, 관리자 화면에서 블로그를 운영할 수 있게 해주는 도구’라는 것만 이해하면 충분합니다.

SUMMARY

  • WordPress는 글과 페이지를 쉽게 관리할 수 있게 해주는 CMS입니다.
  • CMS는 콘텐츠를 관리하는 관리자 시스템이라고 이해하면 됩니다.
  • WordPress를 사용하면 기본적인 블로그 운영은 코드를 거의 몰라도 시작할 수 있습니다.
  • WordPress도 서버와 데이터베이스 위에서 동작합니다.
  • 직접 개발하는 웹서비스와 WordPress는 목적과 개발 방식이 다릅니다.

ONE LINE TAKEAWAY

WordPress는 코드를 매번 직접 만들지 않고도 블로그의 글과 화면을 계속 관리할 수 있게 해주는 도구입니다.

NEXT IN SERIES

STEP 013 — WordPress로 첫 블로그 만들기: 설치부터 첫 글 등록까지

참고 자료

  • WordPress.org Documentation — About WordPress
  • WordPress.org Documentation — Administration Screens
  • WordPress.org Documentation — Posts and Pages