> ## Documentation Index
> Fetch the complete documentation index at: https://make.edicus.io/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# 첫 템플릿 만들기

> 명함 예제로 InDesign 문서 만들기부터 업로드, Demo 확인, resUri 복사까지 한 번에 따라 하기

앞뒤 두 면짜리 가로 명함 템플릿을 만듭니다. 이름과 연락처는 사용자가 고칠 수 있는 글자로, 로고는 사진 칸으로, 장식선은 고칠 수 없는 장식으로, 바탕은 배경으로 만듭니다.

## 배우는 것

* 완성 크기와 도련을 맞춰 InDesign 문서를 만드는 방법
* `Text`, `Cell`, `Sticker`, `Background` 레이어로 개체를 나누는 방법
* 익스포터로 올리고 Edicus Manager에서 확인하는 방법

## 준비

* Edicus Manager에 90 × 50mm 명함 상품과 사이즈를 만들어 둡니다. 이 예제의 `ps_code`는 `90x50@NAMECARD`입니다. `ps_code`는 `사이즈 코드@상품 코드` 형식입니다. 만드는 방법은 [상품과 ps\_code 만들기](/docs/products/create)에 있습니다.
* 그 사이즈의 재단 여백(`cut-margin`)을 2mm로 둡니다. 관리자 계정으로 저장하거나 관리자에게 요청합니다. 편집기의 재단선은 InDesign 도련이 아니라 이 값으로 그립니다. [사이즈와 페이지 정보](/docs/products/sizes)를 보세요.
* 텍스트에 쓸 폰트가 Edicus Manager에 등록돼 있어야 업로드할 수 있습니다. 새 파트너에는 등록된 폰트가 하나도 없으므로, 첫 업로드 전에 관리자에게 폰트 하나를 등록하고 **폰트 적용**까지 해 달라고 요청합니다. 방법은 [폰트](/docs/products/fonts)에 있습니다.
* 한국어판 InDesign에 익스포터를 설치해 둡니다. [익스포터 설치와 설정](/docs/templates/install-exporter)을 보세요.

## 직접 해보기

<Steps>
  <Step title="단위를 밀리미터로 둡니다">
    **편집** > **환경 설정** > **단위 및 증감**(macOS는 **InDesign** > **설정** > **단위 및 증감**)에서 가로와 세로를 **밀리미터**로 둡니다. 다른 단위면 Export가 `Measurement Units is not Millemeters` 오류를 냅니다.
  </Step>

  <Step title="새 문서를 만듭니다">
    **파일** > **새로 만들기** > **문서**를 엽니다. 단위가 밀리미터로 보이는지 확인하고, 폭 **90**, 높이 **50**, 페이지 **2**, 도련 상하좌우 **2**로 정합니다. **페이지 마주보기**는 끕니다. **여백 및 단**을 눌러 여백을 모두 0으로 두고 **확인**을 누릅니다.

    페이지 크기와 도련을 더한 94 × 54mm가 템플릿 전체 크기입니다. 익스포터는 **파일** > **문서 설정**의 값을 그대로 템플릿 크기로 씁니다.
  </Step>

  <Step title="조판 방식을 정합니다">
    모든 텍스트 프레임은 **Adobe CJK 단락 컴포저**로 조판해야 합니다. **창** > **스타일** > **단락 스타일**에서 \*\*\[기본 단락]\*\*을 더블클릭하고, **균등 배치**에서 컴포저를 **Adobe CJK 단락 컴포저**로 고르면 새로 만드는 텍스트에 한 번에 적용됩니다. 텍스트 하나만 바꿀 때는 **창** > **문자 및 표** > **단락** 패널 메뉴에서 고릅니다(익스포터 경고는 이 경로를 **문자** > **단락**으로 적습니다).
  </Step>

  <Step title="명함을 디자인합니다">
    **보기** > **화면 모드** > **도련**으로 도련까지 보이게 합니다. 이름과 연락처는 텍스트 프레임으로, 로고는 이미지 프레임으로, 장식선은 선이나 도형으로 만듭니다. 바탕은 페이지와 도련을 모두 덮는 사각형 하나로 만듭니다.
  </Step>

  <Step title="레이어를 만들고 쌓는 순서를 맞춥니다">
    **창** > **레이어**(F7)를 엽니다. 새 문서에 있던 **레이어 1**을 더블클릭해 이름을 `Background`로 바꾸고, `Sticker`, `Cell`, `Text` 레이어 셋을 더 만듭니다. 그런 다음 아래 순서가 되게 끌어 놓습니다. 위에 있는 레이어가 편집기에서도 위에 그려집니다. 바탕을 담은 `Background`는 맨 아래에 둡니다.

    ```text theme={null}
    Text          ← 맨 위
    Cell
    Sticker
    Background    ← 맨 아래
    ```

    레이어 이름은 대소문자를 구분하므로 그대로 씁니다.

    | 개체 | 넣을 레이어 | 편집기에서 |
    | - | - | - |
    | 이름, 연락처 텍스트 프레임 | `Text` | 사용자가 고칠 수 있는 글자 |
    | 로고 이미지 프레임 | `Cell` | 사진을 넣는 사진 칸 |
    | 장식선 | `Sticker` | 장식 |
    | 바탕 사각형 | `Background` | 배경. 단색 사각형 하나가 페이지를 덮으면 배경색이 됩니다 |

    개체를 옮길 때는 레이어 패널에서 선택 표시인 작은 사각형을 대상 레이어로 끌어다 놓습니다. 잘라내고 대상 레이어를 고른 뒤 **편집** > **현재 위치에 붙이기**를 해도 위치가 그대로입니다.
  </Step>

  <Step title="레이어 1이 남아 있지 않은지 확인합니다">
    레이어 패널에 **레이어 1**이 남아 있지 않고 네 레이어만 있는지 봅니다. **레이어 1**에 남은 텍스트 프레임은 익스포터가 편집 가능한 글자로, 도형은 도형으로 자동 변환하므로 뜻하지 않게 편집되는 개체가 생깁니다.
  </Step>

  <Step title="장식을 고정합니다">
    장식선을 사용자가 움직이거나 지우지 못하게 `Sticker` 레이어 이름을 `Sticker@movable=false,unlockable=false,deletable=false`로 바꿉니다. 그냥 `Sticker`로 두면 익스포트 아이템의 기본값(모두 켜짐)에 따라 장식도 움직이고 지울 수 있습니다. 이렇게 이름 뒤에 붙이는 설정을 어노테이션이라고 합니다. 문법은 [어노테이션으로 개체 제어](/docs/templates/annotations)에 있습니다.
  </Step>

  <Step title="로고를 기본 이미지로 남깁니다">
    **레이어** 패널에서 `Cell` 레이어를 펼치고 로고 프레임의 개체 이름을 `Image`로 바꿉니다. 이름을 바꾸지 않으면 배치한 로고는 버려지고 빈 사진 칸이 됩니다. 다른 예약 이름은 [예약 개체 이름과 페이지 영역](/docs/templates/reserved-names)에 있습니다.
  </Step>

  <Step title="저장합니다">
    **파일** > **저장**으로 `.indd` 파일을 저장합니다. 파일 이름은 업로드한 템플릿의 제목이 됩니다. 첫 마침표 앞까지만 제목이 되므로 이름에 마침표를 넣지 마세요.
  </Step>

  <Step title="익스포트 아이템을 만듭니다">
    **창** > **확장** > **EDICUS Exporter**를 열고 로그인합니다. 모드가 **template mode**인지 봅니다. 왼쪽 아래 **Add Folder**로 폴더를, **Add Item**으로 아이템을 하나씩 만듭니다. 오른쪽 **ps-codes**의 **Add**를 눌러 `90x50@NAMECARD`를 고르고 **Apply**를 누릅니다.
  </Step>

  <Step title="설정을 서버에 저장합니다">
    익스포터 맨 위 줄 왼쪽 끝 \*\*≡\*\*를 눌러 메뉴를 열고 **Update Config**를 누릅니다. 저장하지 않으면 다음에 로그인할 때 이 아이템이 사라집니다.
  </Step>

  <Step title="Export와 Preview를 합니다">
    **Export**를 누르고 \*\*Export Success!\*\*를 확인합니다. **Error Report** 창이 뜨면 내용을 고친 뒤 다시 Export합니다. **Preview**를 눌러 두 페이지가 의도대로 보이는지 봅니다.
  </Step>

  <Step title="업로드합니다">
    **Upload Template**를 누르고 **신규 업로드** 탭의 **업로드**를 누릅니다. \*\*Upload Success.\*\*가 뜨면 끝입니다. 이때 리소스 ID가 InDesign 문서에 기록되고 문서가 저장됩니다.
  </Step>

  <Step title="Edicus Manager에서 열어 봅니다">
    관리자 계정(`partner-admin`)으로 Edicus Manager에 로그인하거나 관리자에게 요청합니다. **Resource** 화면에서 type이 `template`인지 보고 **Search**를 누릅니다. 올린 템플릿을 고르고 오른쪽 위 **Demo**를 누릅니다.
  </Step>

  <Step title="resUri를 복사합니다">
    관리자 계정으로 템플릿 상세의 `resUri` 칸 옆 복사 아이콘을 누릅니다. `resUri`는 `gcs://`로 시작하는 템플릿의 주소입니다. 이 값과 `90x50@NAMECARD`를 개발자에게 전달하면 [편집기 띄우기](/docs/sdk/launch)에 씁니다.
  </Step>
</Steps>

<Tip>
  개체 크기를 정밀하게 맞출 때는 InDesign 변형 패널 메뉴에서 **치수에 획 두께 포함**을 끄면 편합니다.
</Tip>

## 됐는지 확인

Demo에서 아래를 확인합니다. Demo는 체험 모드라 고친 내용이 저장되지 않고, 내 컴퓨터의 사진을 올릴 수 없습니다.

* 이름과 연락처를 고칠 수 있습니다.
* 로고가 처음부터 사진 칸 안에 보입니다.
* 장식선은 옮기거나 지울 수 없습니다.
* 앞뒤 두 페이지가 있고, 바탕이 도련까지 채워져 있고, 재단선이 바탕 가장자리에서 2mm 안쪽, 곧 90 × 50mm 위치에 보입니다.

<Check>
  네 가지를 확인하고 `resUri`를 복사했으면 첫 템플릿이 완성된 것입니다. 사진 칸에 사진을 바꿔 넣는 것과 생산 파일은 [테스트 주문과 렌더링](/docs/templates/test-render)에서 확인합니다. Test Order도 관리자 계정으로 하거나 관리자에게 요청합니다.
</Check>

## 다음 단계

<Columns cols={2}>
  <Card title="템플릿 업로드와 수정" icon="upload" href="/docs/templates/upload">
    덮어쓰기 규칙, visibility, 오류 대처를 봅니다.
  </Card>

  <Card title="레이어 이름과 개체 종류" icon="layer-group" href="/docs/templates/layers">
    다른 레이어 종류를 익힙니다.
  </Card>
</Columns>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.