<aside> 📢 소스코드 다운로드 방법과 FTP 업로드 방법입니다.

</aside>

템플릿하우스는 다른 노코드 웹 빌더와 달리 모든 소스 코드를 제공하므로 추가적인 커스텀 개발이 가능합니다.

내보내기에는 소스 코드를 직접 로컬로 다운로드할 수 있는 “내보내기”와 호스팅을 통해 바로 FTP 업로드가 가능한 FTP 업로드가 있습니다.

<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️⃣ 내보내기의 위치

내보내기 버튼은 우측 상단에 위치해 있으며, 버튼을 클릭하면 소스 다운로드와 FTP 업로드 중에서 선택할 수 있습니다.

내보내기 위치.png

2️⃣ 소스 다운로드

프로젝트에 사용된 모든 리소스와 HTML 파일은 ZIP 파일 형식으로 제공됩니다.

산출물 파일은 언어별, 유형별로 깔끔하게 정리되어 제공되며, 이런 디렉토리 구조는 유지보수 관리에 용이합니다.

소스 다운로드_1.png

3️⃣ FTP 업로드

호스팅 계정을 보유하고 있다면, FTP 업로드 기능을 통해 빠르게 호스팅할 수 있습니다.

별도의 FTP 설치 프로그램을 다운로드할 필요가 없어 더욱 편리합니다.

service_07.gif

FTP업로드_1.png

  1. FTP 또는 SFTP 를 확인하시어 내 호스팅에 맞게 선택해주세요.
  2. 내 호스팅의 Host와 Port번호를 입력해주세요.
  3. 내 호스팅의 id를 입력해주세요
  4. 내 호스팅의 password를 입력해주세요.
  5. 내 호스팅에 저장될 프로젝트 위치를 입력해주세요. 단, root(최상위 폴더)에 www폴더가 있는 경우 폴더명에 www를 포함시켜야 합니다. (예: /www/프로젝트를저장할폴더)

4️⃣ 템하 IP 허용

다양한 웹 호스팅 페이지를 통해 FTP 업로드를 설정할 때 IP를 허용해야만 접속이 가능하도록 설정된 경우, 템하의 IP : 132.226.231.1 를 허용해 주셔야 접속이 가능합니다.

카페24, 닷홈, 가비아로 예시를 들어보겠습니다. 정확한 위치와 설정 방법은 각 호스팅 페이지의 매뉴얼을 참고해 주세요.