<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️⃣ 헤더푸터 블록의 옵션 사용법

⚙️ 설정

1️⃣ 페이지 설정

2️⃣ 페이지 설정 옵션

3️⃣ 프로젝트 설정

4️⃣ 프로젝트 설정 옵션

🕹️ 제어판

1️⃣ 제어판의 위치

2️⃣ 제어판의 옵션

↗️ 내보내기

1️⃣ 내보내기의 위치

2️⃣ 소스 다운로드

3️⃣ FTP 업로드

4️⃣ 템하 IP 허용

🌐 웹 게시

1️⃣ 웹 게시의 위치

2️⃣ 웹 게시 방법

👥 협업

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

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

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

4️⃣ 코멘트의 위치

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

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

7️⃣ 코멘트 관리 방법

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

1️⃣ 지도 수정방법

</aside>

1️⃣ 지도 수정방법

템플릿의 블록 중 지도가 들어간 블록에서 지도 영역을 원하는 주소로 변경하는 방법을 알아보겠습니다.

지도1.png

우선 위치 검색을 위해 "구글 지도” 링크에 접속해주세요.

  1. 구글 지도 링크에서 왼쪽 상단 검색창에 원하는 주소를 입력 후 검색해주세요.

    지도2.png

  2. 검색 후 검색 상세 패널이 열리면 주소를 가져올 정확한 위치를 선택후 오른쪽 미리보기 화면에서 “공유” 버튼을 클릭해주세요.

    지도3.png

  3. 공유 버튼을 클릭 후 뜨는 팝업창에서 “지도퍼가기”를 클릭 후 “HTML복사” 버튼을 클릭합니다.

    지도 4.png

  4. 하단에 위치한 에디터의 코드창을 열어서 ⓛ HTML화면을 확인합니다. ② HTML 화면에서 “컨트롤+F” 단축키를 눌러 검색 기능을 활성화합니다. ③ <iframe 을 복사해서 검색해 보세요. ④ <iframe 부터 </iframe> 까지 드래그하여 복사한 코드를 덮어쓰기 (컨트롤+V) 후 상단 저장을 클릭합니다. ⑤ 다시 블록을 확인해 보면 지도가 바뀐 것을 확인할 수 있습니다.

    지도.png