<aside> 📢 프로젝트에 적용된 전체 스타일을 관리하고, 편집할 수 있는 방법에 대한 설명입니다.

</aside>

템하 스타일 가이드 화면에서는 현재 템플릿에 사용된 스타일과 구성 요소를 한눈에 확인할 수 있으며,

스타일을 수정할 때 화면을 통해 변경 내용을 확인할 수 있습니다.

<aside> ❓ 템하의 에디터란?

 1️⃣ [에디터 모드 작업 환경 살펴보기](<https://temhamanual.notion.site/157796fab7a080668f11c8ca73423697>)

 2️⃣ [템하의 기본 단위 (rem, px, em…)](<https://temhamanual.notion.site/157796fab7a080668f11c8ca73423697>)

📄 페이지

1️⃣ ****페이지를 생성하는 방법

2️⃣ 페이지 명을 설정하는 방법

3️⃣ 산출물 다운로드 시 페이지 명 설정

🧩 블록

1️⃣ 헤더 · 푸터 블록, 레이아웃 블록의 차이

2️⃣ 프로젝트 생성 시 블록을 가져오는 방법

3️⃣ 레이아웃 블록의 옵션 사용법

• 옵션 리스트 (▶ 버튼 클릭)

4️⃣ 헤더푸터 블록의 옵션 사용법

5️⃣ 블록 썸네일 교체 방법

6️⃣ 블록 키워드로 검색하기

⚙️ 설정

1️⃣ 페이지 설정

2️⃣ 페이지 설정 옵션

3️⃣ 프로젝트 설정

4️⃣ 프로젝트 설정 옵션

5️⃣ 리소스 설정

🎨 스타일

1️⃣ 스타일 가이드 위치

2️⃣ 스타일 가이드 옵션

• 옵션 리스트 (▶ 버튼 클릭)

🕹️ 제어판

1️⃣ 제어판의 위치

2️⃣ 제어판의 옵션

• 옵션 리스트 (▶ 버튼 클릭)

↗️ 내보내기

1️⃣ 내보내기의 위치

2️⃣ 소스 다운로드

3️⃣ FTP 업로드

4️⃣ 템하 IP 허용

🌐 웹 게시

1️⃣ 웹 게시의 위치

2️⃣ 웹 게시 방법

👥 협업

1️⃣ 협업 프로젝트의 위치

2️⃣ 협업자를 초대하는 방법

3️⃣ 협업 페이지 구분 방법

4️⃣ 코멘트의 위치

5️⃣ 코멘트를 작성하는 방법

6️⃣ 코멘트 입력창 버튼의 역할

7️⃣ 코멘트 관리 방법

⌨️ 코드 (블록수정방법)

1️⃣ 지도 수정방법

2️⃣ 비디오 코드수정 방법

</aside>

1️⃣ 스타일 가이드 위치

스타일가이드는 좌측 ‘스타일’ 메뉴를 통해 접속할 수 있으며,

‘스타일 가이드 화면 열기’ 버튼을 클릭 시 스타일 가이드 화면이 노출됩니다.

2️⃣ 스타일 가이드 옵션

<aside>

</aside>

▪️ 컬러

| --- | --- | --- |

스타일가이드 화면에서 ‘컬러’ 클릭 시, 프로젝트에서 사용한 컬러를

카드 UI를 통해 한 눈에 확인할 수 있으며, 각각의 설명은 다음과 같습니다.

| --- | --- | --- |

▪️ 텍스트

| --- | --- | --- |