엔티티와 홈페이지
레이니에서 홈페이지는 따로 페이지를 그려서 만드는 것이 아닙니다. 섹션을 쌓아 페이지의 뼈대를 만들고, 엔티티에 등록한 데이터가 그 섹션 안을 채우는 방식으로 완성됩니다. 먼저 섹션이 무엇인지부터 정리한 뒤, 섹션과 엔티티가 어떻게 연결되는지 살펴봅니다.
섹션이란 무엇인가
섹션은 홈페이지를 이루는 한 블록입니다. 사용자가 보는 한 페이지는 위에서 아래로 이어진 섹션들의 합이고, 히어로 인사말, 숫자 통계, 시술 카드 묶음, 의료진 소개처럼 눈에 띄는 각 구역이 모두 하나의 섹션입니다.
섹션 하나에는 보통 이런 정보가 담깁니다.
- 어느 페이지에 올라가는 섹션인가: 메인, 목록, 상세 중 어느 페이지에 붙는지
- 어떤 주제를 다루는 섹션인가: 시술, 의료진, 후기 등
- 어떤 모습으로 보여줄 것인가: 카드 그리드, 캐러셀, 통계 나열 같은 표현 방식과 카드 스타일, 배경 등의 디자인 옵션
섹션은 "어떤 자리에, 어떤 주제를, 어떤 모양으로" 보여줄지를 정해 두는 자리입니다. 섹션 자체는 비어 있는 틀에 가깝고, 이 틀 안을 실제로 채우는 콘텐츠가 바로 엔티티 데이터입니다.
페이지 유형마다 섹션의 쓰임이 조금씩 다릅니다. 전체 맥락은 페이지 유형에서, 카드·배경 같은 표현 옵션은 섹션과 컴포넌트에서 이어 읽을 수 있습니다.
섹션과 엔티티가 만나는 지점
섹션이 "자리와 모양"을 정한다면, 엔티티는 "그 자리에 들어갈 내용"입니다. 레이니에서는 섹션이 특정 엔티티 스키마를 가리키도록 설정되어 있어서, 섹션이 화면에 그려질 때 해당 스키마에 등록된 엔티티들을 자동으로 가져옵니다.
예를 들어 메인 페이지의 "시술 소개" 섹션은 시술 스키마를 바라보도록 되어 있습니다. 시술 스키마에 "보톡스", "필러", "레이저 토닝"을 등록하면, 이 섹션에는 카드 세 개가 자동으로 나란히 배치됩니다. 시술 하나를 더 추가하면 카드 네 개가 되고, 하나를 지우면 두 개로 줄어듭니다. 섹션을 다시 만지지 않아도 됩니다.
정리하면 이렇게 됩니다.
- 엔티티와 스키마는 "무엇을 갖고 있는지"를 담당합니다. 시술·의료진·이벤트 같은 데이터가 여기에 쌓입니다.
- 섹션은 "그 데이터를 어느 자리에서, 어떤 모양으로 꺼내 보여줄지"를 담당합니다. 같은 시술 데이터라도 메인의 카드 섹션과 상세 페이지 하단 추천 섹션이 각자 다른 방식으로 가져갈 수 있습니다.
엔티티를 등록하면 페이지가 따라 만들어진다
섹션이 이미 엔티티 스키마와 연결되어 있기 때문에, 새로운 엔티티를 등록하는 것만으로 홈페이지 안에 자리가 생깁니다.
시술 스키마에 "보톡스"를 등록하면 다음 두 가지가 동시에 준비됩니다.
- 목록 페이지: 시술 스키마에 속한 엔티티들이 한 페이지에 카드로 나열됩니다. 보톡스, 안면거상, 필러, 레이저 토닝이 각각 카드가 되고, 이름·슬로건·대표 이미지가 카드 안에 들어갑니다.
- 상세 페이지: 엔티티마다 개별 페이지가 따로 생깁니다. 보톡스 카드를 누르면 보톡스의 설명·이미지와 함께, 관계로 연결된 정보(담당 의료진, 카테고리, 시술 후 안내, 효과 설명)가 한 페이지 안에 함께 표시됩니다.
메인 페이지에서 섹션과 엔티티가 만나는 모습
아래 이미지는 실제 메인 페이지에서 각 섹션이 어떤 엔티티 스키마와 연결되어 있는지를 보여줍니다. "수치로 보는 리뉴클리닉" 섹션은 통계 스키마를, "당신에게 맞는 시술을 찾아보세요" 섹션은 시술 스키마를, 의료진 소개 섹션은 의료진 스키마를 바라봅니다.
왼쪽의 홈페이지 화면과 오른쪽의 대시보드는 섹션 단위로 1:1로 이어져 있습니다. 스키마에 엔티티를 추가하면 그에 맞는 섹션의 카드가 자연스럽게 한 칸 늘어납니다.
상세 페이지에서 섹션과 엔티티가 만나는 모습
상세 페이지도 원리는 같습니다. 한 엔티티의 상세 정보가 메인이 되고, 그 주위를 관계로 연결된 다른 엔티티들이 채웁니다.
"반영구 문신" 상세 페이지의 각 섹션이 어떤 엔티티에서 내용을 가져오는지 화살표로 표시되어 있습니다. "이런 분께 추천해요" 섹션은 관련 대상 엔티티에서, 시술 사진과 설명은 해당 엔티티 자체에서, "새 시작이 필요하다면?" 같은 추천 섹션은 관계로 이어진 다른 엔티티에서 각각 내용을 당겨옵니다.
하나의 엔티티 데이터가 모든 곳에 함께 움직인다
엔티티 데이터는 레이니 안에서 한 번만 입력하는 원본입니다. 보톡스 엔티티 하나를 고치면 홈페이지 목록 카드, 상세 페이지, AI 상담 답변, 예약 폼 선택지, 알림 메시지 속 시술명까지 모두 같은 순간에 바뀝니다.
홈페이지용, AI용, 예약용으로 데이터를 따로 입력하는 과정이 없습니다. 모든 기능이 같은 엔티티를 직접 바라보고 있습니다.
엔티티에 한 번 손을 대는 것이 곧 홈페이지를 고치는 일이 됩니다.
- 새 시술을 등록하면 목록 섹션에 카드가 한 장 더 생깁니다
- 시술을 내리면 카드가 사라집니다
- 보톡스 가격을 15만 원으로 바꾸면 그 순간부터 상세 페이지와 AI 답변이 모두 15만 원으로 안내합니다
- 대표 이미지를 교체하면 카드 썸네일과 공유 이미지가 같이 바뀝니다
별도의 관리 도구에 들어가거나 개발자에게 수정을 부탁할 필요가 없습니다.
모양은 따로 조정할 수 있다
섹션이 엔티티와 연결되어 있다고 해서 디자인이 고정되는 것은 아닙니다. 어떤 스키마를 바라볼지를 유지한 채, 카드 스타일이나 배경, 섹션 순서 같은 표현 방식은 자유롭게 바꿀 수 있습니다. 레이아웃 변경은 관리자 AI 채팅으로 요청하면 됩니다.
"시술 섹션 카드 스타일을 프로덕트로 바꿔줘"
"의료진 소개 섹션을 시술 소개 위로 올려줘"
"히어로 섹션 배경을 다크 그라데이션으로 바꿔줘"