친절한 우리 고모

워드프레스

🚀 헤드리스(Headless) 워드프레스란?워드프레스를 콘텐츠 관리 전용 서버로만 사용하고,프론트엔드는 별도 프레임워크(React, Vue, Svelte 등)로 구현하는 아키텍처를 말합니다.워드프레스 = 데이터베이스 + API 서버 역할프론트엔드 = 완전히 별도로 구축👉 이렇게 하면 더 빠른 속도, 유연한 디자인, SPA(싱글페이지앱) 같은 최신 기술 적용이 가능해집니다. ✅ 헤드리스 구조 요약txt복사편집[워드프레스 서버] ↑ REST API (JSON) [프론트엔드 앱 (Next.js, Vue, Nuxt)] ↓ 데이터 요청 [사용자 브라우저] ⚙️ 워드프레스 설정 준비워드프레스 설치 및 기본 REST API 확인bash복사편집GET https://yourdomain.com/wp-json/wp/v2..

워드프레스

🔧 구텐베르크(Gutenberg)란?Gutenberg는 워드프레스 5.0 이후 기본 적용된 블록 기반 에디터입니다.단락, 이미지, 버튼 등을 모듈 단위로 작성하며,React 기반으로 확장 가능한 구조를 가지고 있어개발자는 원하는 형태의 커스텀 블록을 만들 수 있습니다. ✅ 블록 커스터마이징이 필요한 이유상황예시콘텐츠 UI 통일"주의사항", "리뷰 요약", "강의 카드" 등을 반복 사용하고 싶다편집자용 도구관리자는 블록만 추가하고, 코드나 스타일은 걱정하지 않게마케팅 요소 삽입CTA 버튼, 폼, 상품 카드 등 삽입 자동화고급 콘텐츠 연동외부 API 데이터 시각화, 그래프 등👉 모두 나만의 커스텀 블록이 해결해 줍니다.⚙️ 블록 만들기 준비1. Node.js + npm 설치bash복사편집node -v n..

워드프레스

🔐 워드프레스 REST API는 기본적으로 "오픈"되어 있다?REST API는 워드프레스의 데이터를 외부 앱이나 JavaScript에서 접근할 수 있게 해줍니다.하지만 기본 설정에서는 공개된 정보(예: 포스트 목록)는 누구나 접근 가능합니다.문제는, 수정/삭제/작성 등의 민감한 요청은 인증 없이는 막아야 한다는 점이죠. ✅ 인증이 필요한 상황요청 유형인증 필요 여부GET /wp/v2/posts❌ (기본 공개)POST /wp/v2/posts✅ 로그인 사용자만PUT /wp/v2/users/me✅ 현재 사용자만커스텀 API /wp-json/my/v1/data⛔ 기본 비인증 → 직접 권한 체크 필수🔑 인증 방식 1: Nonce 인증 (워드프레스 로그인 사용자용)💡 개념 정리Nonce는 워드프레스 내부 요청..

워드프레스

🧠 왜 사용자 권한 시스템이 중요한가?워드프레스는 기본적으로 사용자 역할(Role)과 권한(Capability) 기반의RBAC(Role Based Access Control) 시스템을 사용합니다.관리자는 모든 권한을 가지며,편집자·작성자·구독자 등은 제한된 역할만 수행 가능하죠.하지만!이 기본 구조로는 복잡한 멤버십, 교육 플랫폼, 멀티 작가 운영이 어렵습니다.👉 그래서 우리가 직접 사용자 역할과 권한을 커스터마이징해야 합니다. ✅ 기본 제공 사용자 역할과 권한역할주요 권한Administrator전체 제어 가능, 사용자 관리 포함Editor게시글, 페이지 편집·삭제·게시 가능Author자신이 쓴 글만 편집·게시 가능Contributor글 작성 가능, 게시 불가Subscriber로그인·댓글 작성만 가능..

워드프레스

🌐 멀티사이트(Multisite)란?멀티사이트란 단일 워드프레스 설치로 여러 사이트를 동시에 운영할 수 있는 기능입니다.각 사이트는 자체 콘텐츠, 사용자, 플러그인 설정을 가질 수 있으며,전체 시스템은 하나의 관리자가 총괄합니다.사용 예시기업의 부서별 사이트교육 플랫폼에서 수강생별 블로그지역별 프랜차이즈 사이트SaaS 기반 블로그/스토어 시스템✅ 멀티사이트의 주요 특징항목설명네트워크 구조하나의 설치 → 여러 사이트로 분기URL 방식서브디렉토리(example.com/site1) 또는 서브도메인(site1.example.com)사용자 분리사이트별 사용자 그룹 가능 (관리자/편집자 등)테마/플러그인네트워크 전체 공유 또는 사이트별 활성화 가능슈퍼 관리자전체 네트워크 설정 가능 (최상위 관리자)⚙️ 멀티사이트..

워드프레스

⏱ WP-Cron이 뭐지? 서버 크론과는 다르다!워드프레스는 자체적으로 크론(Cron) 시스템을 가지고 있습니다.하지만 서버에서 시간 기준으로 실행되는 일반적인 크론과는 다릅니다.📌 WP-Cron은 페이지 로딩 시 트리거됩니다.즉, 누군가 사이트를 방문해야 예약 작업이 실행됩니다.✅ WP-Cron vs 서버 Cron 비교항목WP-Cron리눅스 Cron실행 조건페이지 로딩 시지정 시간 정확히 실행사용 환경워드프레스 내부서버 OS 레벨정확성사용자가 없으면 미실행 가능항상 정확하게 실행사용 목적게시글 예약 발행, 플러그인 작업, 자동 백업 등로그 정리, 서버 스크립트 실행 등⚙️ WP-Cron 기본 동작 구조방문자가 페이지 요청워드프레스가 예약된 작업이 있는지 확인예약 시간이 지나면 → 등록된 콜백 함수 실..

워드프레스

🧠 워드프레스는 "조건별로" 템플릿을 불러옵니다워드프레스는 방문자가 어떤 페이지를 요청하는지에 따라자동으로 해당 페이지에 가장 적합한 템플릿 파일을 선택합니다.이 구조를 모르면 의도한 템플릿이 적용되지 않고,이상한 레이아웃이 보이거나 404 오류가 날 수 있어요.✅ 기본 원리: 가장 구체적인 템플릿 → 일반 템플릿 순으로 탐색워드프레스는 다음과 같이 템플릿을 찾습니다:scss복사편집→ 가장 세부적인 템플릿 → 중간 수준 템플릿 → 기본 템플릿 (fallback) 예: 단일 포스트 글 보기 요청 시txt복사편집single-{post-type}-{slug}.php → single-{post-type}.php → single.php → singular.php → index.php 📚 전체 템플릿 계층 구조..

워드프레스

🧠 왜 직접 플러그인을 만들어야 할까?functions.php에 기능 추가하다가 구조가 엉망이 되셨나요?테마를 바꿀 때마다 기능이 사라지나요?사이트마다 반복 사용하는 기능이 있나요?👉 그럴 때 필요한 것이 바로 내가 만든 플러그인입니다.“사이트 기능은 테마가 아니라 플러그인으로 분리하는 것이 원칙입니다.” ✅ 플러그인 만들기 기본 개요요소설명플러그인 디렉토리/wp-content/plugins/my-plugin/메인 PHP 파일my-plugin.php (필수)플러그인 정보 헤더Plugin Name, Description 등 주석 필요기능 정의add_action(), add_filter() 등으로 후크 등록활성화 방식WP 관리자에서 수동 활성화📦 1단계: 플러그인 디렉토리 및 메인 파일 생성bash복사..

워드프레스

🧠 왜 DB 구조를 이해해야 하는가?워드프레스는 단순한 블로그 엔진이 아닙니다.CMS, 쇼핑몰, 강의 플랫폼, REST API 서버 등으로도 확장 가능한 이유는그 중심에 탄탄한 데이터베이스 구조가 있기 때문입니다.하지만... 워드프레스는 모든 콘텐츠를 wp_posts 테이블에 저장합니다.그렇습니다. 페이지, 글, 커스텀 포스트, 첨부파일까지 전부 “post”입니다.📦 주요 테이블 한눈에 보기테이블 이름설명wp_posts모든 콘텐츠의 기본 데이터 저장소 (글, 페이지, CPT, 미디어 등)wp_postmeta포스트에 연결된 커스텀 필드(메타 정보) 저장wp_users사용자 계정 정보 저장wp_usermeta사용자별 설정, 역할, 확장 정보 저장wp_terms, wp_term_taxonomy, wp_te..

워드프레스

🔄 AJAX가 필요한 이유AJAX(Asynchronous JavaScript And XML)는페이지 전체를 새로고침하지 않고도백엔드와 데이터를 주고받을 수 있는 기술입니다.✅ 좋아요 버튼✅ 필터링 검색✅ 댓글 비동기 제출✅ 무한 스크롤✅ 사용자 입력 → 실시간 응답👉 이런 UI/UX 개선은 AJAX가 없으면 불가능합니다. ⚙️ 워드프레스 AJAX 처리 흐름 구조txt복사편집[사용자 액션] ↓ JavaScript (jQuery.ajax or fetch) ↓ admin-ajax.php (워드프레스 AJAX 핸들러) ↓ PHP 함수 (wp_ajax_{action}) ↓ 응답 → JS에서 처리 WordPress는 admin-ajax.php라는 전용 엔드포인트를 통해 AJAX 요청을 수신wp_ajax_ / w..