05 조합 — 정의와 업무 범위 · 1차 정리 2026-11-11 · 모르도르 스쿼드

결론 · 05 조합의 정의와 업무 범위 (1차 정리)

조합은 한 장으로 통합하는 일과, 그 전에 함께 놓일 형태를 고르는 일을 맡는다

조합이 맡는 두 가지 일사용자가 준 것이 한 장이 되기까지 네 변환 가운데 둘째와 셋째가 조합의 일이다.사용자가준 것한 장변환 1내용이형태를 얻는다변환 2형태들이함께 정해진다변환 3형태들이자리를 얻는다변환 4모습이 템플릿과같아진다업무 2함께 놓일 형태를 고른다업무 1자리를 주고 조립해 한 장으로 통합한다검색 대치스타일 대치조합
사용자가 준 것이 한 장이 되려면 네 가지 변환을 거쳐야 한다. 앞과 뒤는 검색 대치와 스타일 대치가 맡고, 가운데 둘이 조합의 일이다.

1. Q4 계획에서 조합의 역할

조합은 다음 단계로 넘어가는 관문이다. 앞에서 남은 빈 영역은 여기서 막힌다

조합은 다음 단계로 가는 관문검색 대치와 스타일 대치의 결과, 그리고 아무도 맡지 않은 영역이 조합으로 모이고, 한 장이 완성돼야 다음 단계로 넘어간다.검색 대치맡은 일을 한다스타일 대치맡은 일을 한다아무도 맡지 않은 영역남으면 여기서 드러난다관문 · 조합제대로 된 한 장조건 전체를 정의한다누가 채우는지 나눈다합치면 모두 채워짐을 정리한다07 Slide Augmentation장을 늘린다06 Deck Generation여러 장을 만든다한 장이 전제한 장이 전제
다음 단계는 「제대로 된 한 장」을 전제로 한다. 앞 단계가 맡지 않은 영역이 남으면 한 장이 완성되지 않으므로, 조합은 조건 전체가 채워지는 데까지 정리한다.

모든 일을 조합이 직접 한다는 뜻은 아니다. 남는 영역은 먼저 검색 대치나 스타일 대치가 맡을 수 있는지 확인하고, 맡을 곳이 없을 때 조합의 일로 정리한다.

2. 조합의 결과물이 만족해야 하는 것

한 장은 내용 표현, 배치, 통일성을 만족해야 한다

한 장의 와이어프레임배경의 제목과 장식, 콘텐츠 영역, 그 안에 놓인 컴포넌트 셋.123
  • ① 내용 표현원문의 내용이 알맞은 유형 · 구조 · 텍스트로 담긴다
  • ② 배치콘텐츠 영역 안에 알맞은 위치와 크기로 놓인다
  • ③ 통일성배경과 어울리고 컴포넌트끼리도 어울린다
  • ④ 개성미논의
사용자의 선택(배경 템플릿)과 입력(원문)이 한 장에 함께 표현된 모습.

1내용 표현

조건 1 만족 대 불만족왼쪽은 조건을 만족한 장, 오른쪽은 만족하지 못한 장.4단계가 순서대로 담긴다순서가 사라지고 3개만 남는다

2배치

조건 2 만족 대 불만족왼쪽은 조건을 만족한 장, 오른쪽은 만족하지 못한 장.영역 안에 알맞은 크기로제목을 덮고 한쪽으로 쏠린다

3통일성

조건 3 만족 대 불만족왼쪽은 조건을 만족한 장, 오른쪽은 만족하지 못한 장.배경과도 서로도 어울린다꾸밈이 튀고 타이틀이 한쪽만

3. 사용자의 선택과 입력이 결과물 만족 기준으로 바뀌는 과정

사용자가 준 것은 네 정보로 쪼개지고, 네 변환을 거쳐 한 장이 된다

쪼개진 정보가 네 변환을 거쳐 한 장이 된다원문과 배경 템플릿에서 나온 정보 넷이 네 변환에 차례로 쓰이고, 변환마다 한 장의 조건이 하나씩 채워진다.내용시각화 원문배경 템플릿유형 · 구조 · 텍스트묶음 개수콘텐츠 영역스타일 · 장식 · 비텍스트쪼개진 정보반드시 거쳐야 하는 변환변환 1내용이형태를 얻는다내용 표현변환 2형태들이함께 정해진다통일성 · 기하변환 3형태들이자리를 얻는다배치변환 4모습이 템플릿과같아진다통일성 · 스타일한 장같은 내용을 담는 형태는 여럿이다고르는 일이 남는다입력에 없던 기준이 생긴다「함께 놓일 다른 형태」가 기준겉모습만 바꾼다기하는 그대로다
어떤 방식으로 만들든 반드시 일어나야 하는 변환이 넷이다. 변환마다 한 장의 조건이 하나씩 채워진다(아래 검은 배지).

3. 변환 사이의 관계

스타일은 입혀서 맞추고, 기하는 골라서 맞춘다. 그래서 「함께 정하는 변환」은 빠질 수 없다

스타일은 입혀서 맞춘다스타일 변환을 거치면 색과 꾸밈은 같아지지만 타이틀 유무 같은 기하는 그대로 남는다.입히기 전입힌 뒤변환 4색 · 꾸밈이 서로 다르다색 · 꾸밈은 같아졌다타이틀 유무는 그대로다
변환 4 · 입힌다. 스타일 변환은 기하를 바꾸지 않는다. 없는 타이틀을 만들거나 여백을 다시 잡지 않는다.
기하는 골라서 맞춘다타이틀이 있는 A 옆에 놓을 B를 후보 가운데 타이틀이 있는 것으로 고른다.정해진 AB의 후보고른 결과변환 2타이틀이 있다타이틀이 있는 것은 하나기하가 서로 맞는다기하는 바꿔 입힐 수 없다. 맞는 것끼리 고른다. 고른 뒤에도 비율은 그대로다.
변환 2 · 고른다. 변환 1이 형태를 여럿 남기고 변환 4가 기하를 건드리지 않으므로, 그 사이에서 형태를 함께 정해야 한다.

구조는 내용을 담는 틀(라벨 수, 아이템 수 등)이고, 기하는 그 구조를 실제로 그린 모양(외곽 비율, 타이틀 유무, 칸 배열, 여백, 정형 · 비정형)이다.

4. 네 변환을 누가 다루는가

변환 1은 검색 대치가, 변환 4는 스타일 대치가 다룬다. 가운데 둘은 비어 있다

네 변환의 담당변환 1은 검색 대치, 변환 4는 스타일 대치가 다루고 변환 2와 3은 담당이 없다.검색 대치후보를 하나씩 본다스타일 대치겉모습만 바꾼다담당 없음비어 있다한 장변환 1내용이형태를 얻는다변환 4모습이 템플릿과같아진다변환 2형태들이함께 정해진다변환 3형태들이자리를 얻는다
빈 곳은 누락이 아니라 각자의 정의에서 나온다. 검색 대치는 후보를 하나씩 보고, 스타일 대치는 겉모습만 바꾼다. 여럿을 함께 보고 기하로 고르는 일과 자리를 주는 일은 어디에도 들어가지 않는다.

4-4. 어느 쪽도 다루지 않는 영역

빈 곳은 다섯 가지 모습으로 나타난다

앞의 셋은 기하가 어긋난 경우, 뒤의 둘은 자리가 성립하지 않는 경우다. 파란색이 어긋난 컴포넌트다.

표현 방식이 어긋난 장강조색으로 표시한 컴포넌트가 어긋난 부분이다.

표현 방식

정형 단계도 옆에 비정형 단계도

검색 대치 유형 · 구조가 같으면 구분하지 않는다

스타일 대치 다른 표현 방식으로 바꿔 그리지 못한다

타이틀이 한쪽에만 없는 장강조색으로 표시한 컴포넌트가 어긋난 부분이다.

구성 요소

리스트 셋 중 둘에만 타이틀

검색 대치 타이틀 유무를 구분하지 않는다

스타일 대치 타이틀을 붙이거나 떼지 않는다

여백이 서로 다른 장강조색으로 표시한 컴포넌트가 어긋난 부분이다.

여백

한쪽은 꽉 차고 옆은 여백이 넓다

검색 대치 여백을 고려하지 않는다

스타일 대치 여백을 고치지 않는다

영역에 함께 들어가지 않는 장강조색으로 표시한 컴포넌트가 어긋난 부분이다.

함께 들어가는가

모두 가로로 길어 영역에 함께 못 들어간다

검색 대치 순위를 묶음마다 따로 매긴다

스타일 대치 위치와 크기를 바꾸지 않는다

제목을 덮고 한쪽으로 쏠린 장강조색으로 표시한 컴포넌트가 어긋난 부분이다.

어디에 얼마만 하게

제목을 덮고 한쪽으로 쏠린다

검색 대치 배치를 하지 않는다

스타일 대치 배치를 하지 않는다

5. 조합 담당 팀의 업무 범위

빈 곳이 조합의 범위다. 고르는 일이 업무 2, 자리를 주고 조립하는 일이 업무 1이다

빈 곳이 조합의 범위가 된다검색 대치는 변환 1, 스타일 대치는 변환 4를 맡고, 조합이 변환 2와 변환 3, 그리고 조립을 맡는다.검색 대치후보를 하나씩 본다스타일 대치겉모습만 바꾼다조합함께 보고 고른다 · 통합한다한 장변환 1내용이형태를 얻는다변환 4모습이 템플릿과같아진다변환 2형태들이함께 정해진다변환 3형태들이자리를 얻는다배경 위에조립한다업무 2 · 함께 놓일 형태를 고른다업무 1 · 최종 결과물로 통합한다
업무 1(통합)은 조합만 하는 고유 업무다. 업무 2(고르기)는 앞 단계가 다루지 않아 조합으로 들어온 업무다.
범위가 아닌 것맡는 곳
① 내용 표현검색 대치
③ 통일성 중 스타일 · 사전 계산 · 사후 조정스타일 대치
L3 조합(컴포넌트 내부에 컴포넌트 배치)미정
최종 품질 판정 모델범위 아님
④ 개성미논의

6. 업무 2 상세 · pool에서 꺼내 쓴다

검색 대치는 pool을 만들고, 조합이 두 조건으로 꺼내 쓴다

순위 목록에서 pool로지금까지는 검색 대치가 순위를 정해 상위 50개를 좌패널에 내고 유저가 골랐다. 바뀌는 흐름에서는 검색 대치가 묶음별 pool을 만들고 조합이 그 안에서 함께 놓일 것을 꺼낸다.지금까지검색 대치가 순위를 정해 상위 50개를 낸다바뀌는 흐름검색 대치는 pool까지, 꺼내는 일은 조합이검색 대치순위를 정한다서비스 화면 좌패널 · 상위 50개1위2위3위4위5위… 50위유저가 고른다순위가 매겨진 목록에서 유저가 하나를 고른다검색 대치pool을 만든다묶음 A의 pool묶음 B의 pool조합꺼낸다한 장순위가 아니라, 함께 놓일 때 맞는 것을 꺼낸다
지금까지는 검색 대치가 순위까지 정했다. 바뀌는 흐름에서 검색 대치는 유형과 구조가 맞는 컴포넌트 pool까지만 만들고, 한 장에 함께 놓일 것은 조합이 꺼낸다.

꺼내 쓸 때 고려하는 조건은 둘이다. 바깥에서 본 외곽 · 자리와, 안에서 본 기하구조.

1컴포넌트 외곽 영역 + 배경 콘텐츠 영역 · 유형 간 상호 배치

조건 1: 맞는 경우와 맞지 않는 경우왼쪽은 영역을 나눠 쓰고 유형이 알맞은 자리에 놓인 경우. 가운데는 함께 들어가지 않는 경우. 오른쪽은 하이라이트 메시지가 구석에 놓인 경우.자리를 나눠 쓴다함께 들어가지 않는다메시지가 구석에 있다
컴포넌트를 네모 하나로 보고, 콘텐츠 영역을 어떤 크기와 좌표로 나눠 쓸지, 유형끼리 알맞은 자리에 놓이는지를 따진다. 하이라이트 메시지는 구석에 오면 안 된다.

2컴포넌트 내부 기하구조

조건 2: 맞는 경우와 맞지 않는 경우왼쪽은 조건에 맞는 조합, 오른쪽은 맞지 않는 조합.타이틀 · 표현 · 여백이 서로 맞는다들어가도 따로 붙여 놓은 것 같다
타이틀 유무, 칸 배열, 여백, 정형 · 비정형 표현이 서로 맞는지를 따진다.

스타일(색, 글꼴)은 조건에 넣지 않는다. 스타일 대치가 바꿔 입히기 때문이다. 「이 템플릿으로 잘 바뀌는 후보인가」 정보는 고를 때 함께 쓴다.

6. 업무 2 상세 · 구현(안)

템플릿 수십만 장의 배치를 벡터로 만들어 두고, 지금 배경에 가까운 사례를 찾아 꺼낼 근거로 삼는다 (가안, 미정)

구현(안) 흐름미리 page layout DB의 템플릿마다 임베딩 모델로 벡터를 만들어 둔다. 한 장을 만들 때는 지금의 콘텐츠 영역과 pool 후보를 같은 모델로 바꿔 가까운 배치 사례를 찾고, 그 사례에 맞는 것을 pool에서 꺼낸다. 맞는 것이 없으면 다음 사례로 넘어간다.미리 해 둔다한 장마다page layout DB템플릿 수십만 장임베딩 모델조건 ① · ②를 함께벡터 DB한 장 = 벡터 하나맞는 것이 없으면 다음 사례로지금의 질의콘텐츠 영역 + pool 후보벡터 검색같은 모델로 바꿔 찾는다가까운 배치 사례자리 · 크기 · 기하pool에서 꺼낸다사례에 맞는 것
배치와 기하를 룰로 정하지 않고, 디자이너가 실제로 놓은 사례에서 가져온다. 가장 가까운 사례에 맞는 것이 없으면 다음 사례로 넘어간다.
한 장이 벡터에 담기는 것템플릿 한 장을 배경 · 콘텐츠 영역, 유형 · 좌표 · 크기 · 상호 배치, 컴포넌트 내부 기하의 세 층으로 보고, 이를 함께 담아 벡터 하나로 만든다.템플릿 한 장콘텐츠 영역배경 · 콘텐츠 영역조건 ①+메시지리스트테이블유형 · 좌표 · 크기 · 상호 배치조건 ①+컴포넌트 내부 기하조건 ②벡터 하나세 층을 함께 담는다
조건 ①(영역 · 자리 · 크기 · 상호 배치)과 조건 ②(내부 기하)가 한 장의 기록 안에 함께 있다.
활용 예시 세 컷지금 배경의 콘텐츠 영역과 묶음별 pool을 질의로 넣으면, DB에서 하이라이트 메시지가 상단 가운데 · 리스트가 왼쪽 · 테이블이 오른쪽에 놓인 가까운 사례가 나온다. 그 사례대로 pool에서 타이틀과 여백이 서로 맞는 리스트와 테이블을 꺼내 놓는다.1지금 배경과 pool2DB에서 가까운 사례를 찾는다3사례대로 꺼내 놓는다하이라이트 메시지는 상단 가운데리스트는 왼쪽 · 테이블은 오른쪽리스트와 테이블의 타이틀 · 여백이 맞는다꺼낸 컴포넌트는 비율을 그대로 둔다콘텐츠 영역지금 배경하이라이트 메시지 pool리스트 pool테이블 pool사례에 맞춰
찾은 사례가 어디에, 얼마나 크게, 어떤 기하로 놓을지를 알려 준다.

1차 방안은 조건 ① · ②를 임베딩 모델 하나로 함께 담는 것이다. 두 단계로 나눌지는 미정이다. page layout DB는 구축되어 있다고 전제한다.

7. 업무 플로우 구상안 (1차 정리 · 확정 전)

풀을 만들고, 가려 표시하고, 꺼내 통합하고, 맞춘다

업무 플로우 구상안검색 대치가 후보 풀을 만들고, 스타일 대치가 가려 표시하고, 조합이 꺼내 자리를 주고 조립하고, 스타일 대치가 마지막으로 맞춘다.검색 대치스타일 대치조합1후보 풀을 만든다변환 12잘 바뀌는 후보를가려 표시한다변환 4의 준비3함께 놓일 조합을꺼낸다변환 24자리를 주고조립한다변환 35세트의 모습을맞춘다변환 4놓이지 않으면 다음 조합으로 돌아간다한 장
스타일 대치는 두 번 들어간다. 앞은 거르는 일이고, 뒤는 세트가 정해진 뒤에만 할 수 있는 맞추는 일이다. 스타일 변환은 기하를 바꾸지 않으므로, 어디에 오든 조합이 기하로 고르는 일은 그대로 필요하다.

부록

열려 있는 문제와 파트 사이에 주고받는 것

열려 있는 문제

문제내용
L3 조합컴포넌트 안에 컴포넌트를 배치하는 작업. 방향과 범위가 정리된 뒤 정한다
효과의 크기쓸 만한 후보가 묶음당 네댓 개뿐일 때 기하로 고르는 일이 결과를 얼마나 바꾸는가
내부 기하구조의 표현무엇을 특징으로 삼고 추출 결과에서 어떻게 얻는가
조건 둘의 결합순서대로 적용할지, 하나의 임베딩으로 함께 볼지

주고받는 것

주는 쪽받는 쪽무엇
검색 대치조합묶음별 후보 풀
스타일 대치조합후보별 「잘 바뀌는가」 정보
추출조합후보별 외곽과 내부 기하구조
Page Layout조합배경의 콘텐츠 영역
조합스타일 대치세트, 위치 · 크기, 조립된 한 장

접근 방향 (구상 단계 · 합의 전)

항목내용
제약시간이 많지 않다. 실행 시점에 LLM을 쓸 수 없다. 경우의 수가 많아 하나씩 판정하기 어렵다
방향조건 둘에 영향을 주는 특징으로 임베딩 모델을 만들고 벡터 검색으로 꺼낸다
Standalone · Fragment추출 단계에서 선언된다. 임베딩 모델에는 큰 차이를 만들지 않는다

역할

역할담당
범위와 파트 간 조율류민
핵심 구현(꺼내 쓰기와 통합)신영빈
연결 시스템문혁준

상세 본문: 05 조합 — 정의와 업무 범위 (Confluence)