1. 워드프레스 기본 언어 A~Z
A) AJAX
자바스크립트로 서버(PHP)와 비동기 통신하는 기법. 관리자 저장, 무한 스크롤, 좋아요 버튼 등에서 필수입니다.
B) Bash
셸 스크립트. WP-CLI 실행, 테마 빌드, 배포 자동화에 활용됩니다.
C) CSS
스타일 정의 언어. 박스 모델, 플렉스/그리드, 반응형 디자인, 커스텀 변수는 필수입니다.
D) DOM (HTML 문서 객체 모델)
자바스크립트로 HTML 요소를 탐색·수정하는 기본 구조. 이벤트 버블링, 위임은 관리자 UI나 에디터 커스터마이징에 자주 등장합니다.
E) ECMAScript (최신 JS 문법)
ES6+ 문법: let/const, 화살표 함수, 모듈, async/await. 워드프레스 블록 빌드 시 사용됩니다.
F) Fetch API
AJAX 표준. REST API 호출, 비동기 데이터 연동에 활용합니다.
G) Gutenberg Block JSON
구텐베르크 블록 메타데이터를 정의하는 JSON 파일. 블록 이름, 속성, 스크립트 엔큐를 선언합니다.
H) HTML
웹의 뼈대. 시맨틱 태그, 폼, 접근성 속성(aria)을 잘 써야 품질 높은 테마 제작이 가능합니다.
I) i18n (국제화)
언어 문자열 처리. __(), _e() 같은 PHP/JS 번역 함수와 PO/MO 파일 구조 이해가 필요합니다.
J) JavaScript
프론트엔드 인터랙션의 중심. 이벤트, DOM 조작, 모듈 시스템은 기본입니다.
K) Keyframes (CSS 애니메이션)
로딩, 슬라이더, 토스트 알림 등 마이크로 인터랙션 구현에 사용됩니다.
L) Lodash
워드프레스 코어/블록 빌드에 포함되는 JS 유틸리티. 배열·객체 처리, debounce/throttle 함수는 자주 쓰입니다.
M) Markdown
문서 작성 포맷. README, 블록 설명, 개발 가이드에 활용됩니다.
N) Node.js
블록 개발 번들링(Webpack/Vite), npm 패키지 관리에 필요합니다.
O) OOP in PHP
플러그인 구조화에 유용. 클래스 설계, 네임스페이스, 오토로딩을 익혀두면 확장성이 높습니다.
P) PHP
워드프레스의 핵심 언어. 루프, 템플릿 태그, 액션/필터 훅, 보안(논스·권한 체크)을 반드시 알아야 합니다.
Q) SQL
데이터베이스 질의 언어. WP_Query, 메타쿼리, 직접 쿼리 시 보안(prepare)을 반드시 지켜야 합니다.
R) RegExp
정규표현식. 짧은코드 파싱, 텍스트 밸리데이션, 콘텐츠 치환에 활용됩니다.
S) Sass/PostCSS
CSS 전처리기. 변수, 믹스인, 네스팅으로 유지보수가 용이합니다.
T) TypeScript
규모 있는 프로젝트에서 안정성을 높이는 선택지. 블록/플러그인 커스텀 시 점차 활용도가 커지고 있습니다.
U) URLSearchParams & FormData
AJAX 필터·폼 전송 시 파라미터를 다루는 자바스크립트 API.
V) JSX (React 문법)
구텐베르크 블록 UI 구현에 쓰입니다. React 감각으로 블록 구조를 직관적으로 표현합니다.
W) WP REST API
워드프레스 데이터를 JSON으로 주고받는 공식 API. 엔드포인트 구조, 인증(Nonce/쿠키), 커스텀 라우트 등록을 알아야 합니다.
X) XML
RSS, 사이트맵, 콘텐츠 임포트/익스포트에 쓰이는 포맷.
Y) YAML
도커·CI/CD 설정에서 자주 쓰이는 데이터 포맷.
Z) Z-index (CSS)
모달, 드롭다운, 툴팁 겹침 문제 해결의 기본 개념. 스태킹 컨텍스트 이해가 필요합니다.
2. 최소 학습 로드맵
- 1단계: HTML → CSS → JavaScript → PHP → SQL
- 2단계: REST API/JSON → Fetch/AJAX → Node.js
- 3단계: Gutenberg 블록 → JSX → block.json
- 4단계: 심화 → TypeScript, Sass, RegExp, Bash
3. 역할별 필수 언어
- 테마 개발자: HTML, CSS, PHP(템플릿/루프/훅), JS 기초
- 플러그인 개발자: PHP(OOP+훅), MySQL, REST API, 보안 함수
- 블록 개발자: JS(ES6), JSX, Node/npm, block.json, CSS
4. FAQ
Q. PHP만 알면 워드프레스 개발 가능한가요?
간단한 테마 수정은 가능하지만, 블록·REST API·에디터 확장 등 현대 워드프레스 개발을 하려면 JS·HTML·CSS·REST 개념까지 필수입니다.
Q. 어떤 언어부터 배우는 게 좋을까요?
웹 기본(HTML, CSS, JS) → PHP → SQL → REST/JSON → Gutenberg(React/JSX) 순서가 가장 현실적입니다.
5. 출처
👉 다음 단계 학습 가이드
- 워드프레스 테마·플러그인: 테마나 플러그인을 직접 다뤄보고 싶다면 「PHP와 워드프레스: 테마·플러그인 개발의 핵심 언어」 글을 먼저 확인해 보세요.
- 마크업과 SEO: 마크업 품질과 검색엔진 최적화를 함께 챙기고 싶다면 「HTML 필수 가이드: 워드프레스 테마 마크업과 시맨틱 구조」를 읽어보는 것이 좋습니다.
- 디자인·반응형: 사이트 디자인을 바꾸거나 반응형 레이아웃을 구현하려 한다면 「CSS로 워드프레스 꾸미기: 반응형·디자인 커스터마이징」을 참고하세요.
- 인터랙션·블록 에디터: 블록 에디터 확장이나 사용자 인터랙션을 다루고 싶다면 「JavaScript 기본 & ES6: 워드프레스 블록 에디터와 인터랙션의 출발점」 글이 도움이 됩니다.
- 테마 확장: 테마 기능을 확장하려 한다면 「functions.php 제대로 활용하기: 테마 확장 베스트 프랙티스」과 「WordPress Hooks 완전정복: Action & Filter 실전 패턴」을 함께 보시는 게 효과적입니다.
- 외부 연동·헤드리스: 외부 서비스와 연동하거나 헤드리스 구성을 고민한다면 「워드프레스 REST API & JSON: 외부 연동과 헤드리스 기초」 글이 적합합니다.
- 데이터베이스: 워드프레스의 핵심 테이블과 쿼리 성능을 이해하고 싶다면 「MySQL로 데이터 다루기: wp_posts·메타·쿼리 성능」 글을 확인해 보세요.
- 보안: 사이트를 안전하게 운영하려면 「워드프레스 보안 기본기: Nonce·권한·XSS/SQLi 방어 루틴」를 먼저 학습하는 것이 좋습니다.
- 성능 최적화: 빠른 속도와 SEO 점수를 원한다면 「캐싱과 성능 최적화: Object Cache·CDN·크리티컬 CSS」 글이 가장 적합한 다음 단계일 것입니다.
