템하에서 만든 프로젝트를 그누보드로 연결하기 전, 필수로 진행해야 하는 설치 방법에 대한 설명페이지 입니다.

<aside> 🐣 그누보드 설치방법

**0️⃣ [**그누보드 샘플파일 다운로드](<https://temhamanual.notion.site/277796fab7a08049b2f6cecc154f4471>)

**1️⃣ [](<https://temhamanual.notion.site/277796fab7a08049b2f6cecc154f4471>)**[샘플파일 압축해제와 서버 업로드](<https://temhamanual.notion.site/277796fab7a08049b2f6cecc154f4471>)

****2️⃣ [그누보드 설치시작](<https://temhamanual.notion.site/277796fab7a08049b2f6cecc154f4471>)

**3️⃣** [그누보드 테마설정](<https://temhamanual.notion.site/277796fab7a08049b2f6cecc154f4471>)

💯 A to Z 무작정 따라하기 ****

**0️⃣ [](<https://temhamanual.notion.site/277796fab7a08049b2f6cecc154f4471>)**[영상으로 보는 가이드](<https://temhamanual.notion.site/A-to-Z-277796fab7a0811189d5fe76593a90f1>)

**1️⃣ [](<https://temhamanual.notion.site/277796fab7a08049b2f6cecc154f4471>)**[VSCode FTP 세팅](<https://temhamanual.notion.site/A-to-Z-277796fab7a0811189d5fe76593a90f1>)

**2️⃣** [샘플 그누보드 파일 위치](<https://temhamanual.notion.site/A-to-Z-277796fab7a0811189d5fe76593a90f1>)

**3️⃣** [그누보드 로그인 페이지 연결하기](<https://temhamanual.notion.site/A-to-Z-277796fab7a0811189d5fe76593a90f1>)

****4️⃣ [그누보드 게시판 연결 방법과 적용](<https://temhamanual.notion.site/A-to-Z-277796fab7a0811189d5fe76593a90f1>)

****5️⃣ [그누보드 게시판 상단 비주얼 설정 방법](<https://temhamanual.notion.site/A-to-Z-277796fab7a0811189d5fe76593a90f1>)

****6️⃣ [그누보드 게시판 상단](<https://temhamanual.notion.site/A-to-Z-277796fab7a0811189d5fe76593a90f1>) 

비주얼 이미지 경로 설정

****7️⃣ [그누보드 게시판 컨테이너 크기 정의](<https://temhamanual.notion.site/A-to-Z-277796fab7a0811189d5fe76593a90f1>)

****8️⃣ [메인 최신글 연결 방법](<https://temhamanual.notion.site/A-to-Z-277796fab7a0811189d5fe76593a90f1>) 
     [(템플릿하우스 × 그누보드)](<https://temhamanual.notion.site/A-to-Z-277796fab7a0811189d5fe76593a90f1>)

**9️⃣** [게시판 만들기 & 적용 가이드](<https://temhamanual.notion.site/A-to-Z-277796fab7a0811189d5fe76593a90f1>)

</aside>

0️⃣ 그누보드 샘플파일 다운로드

그누보드 연결에 앞서, 템하에 최적화된 구조로 구성된

그누보드 샘플 파일을 준비해야 합니다. 아래 파일을 다운 받아주세요.

<aside>

그누보드_샘플(전체).zip

</aside>

1️⃣ 샘플파일 압축해제와 서버 업로드

다운받은 zip파일을 압축해제 해주세요! 압축 해제된 파일의 내용물들은 FTP 프로그램을 이용해 서버에 업로드해야 합니다.

저희는 무료로 사용할 수 있는 파일질라(FileZilla)를 사용하고 있어요.

FTP 접속 시 필요한 정보는 사용 중인 웹호스팅 페이지에서 확인해 주세요~

서버에 접속 후 압축 해제한 파일을 전체 선택 (컨트롤+A) 한 뒤,

마우스 우클릭 → [업로드]를 클릭해 주세요.

그리고 서버 페이지 접속 시, 이미지와 같이 그누보드를 설치하라는 문구와 함께 'data'파일을 찾을 수 없다고 뜰 거예요!

data 파일을 생성해 보도록 하겠습니다~

다시 FTP 프로그램으로 돌아와서, config.php 파일이 있는

디렉터리에서 [마우스 우클릭 → 디렉터리 만들기]를 클릭합니다.

그다음 생성한 data 파일을 찾아 [마우스 우클릭 → 파일 권한]을 클릭해 주세요.

위와 같이 팝업이 나타나면 '숫자 값'을 '707'로 변경 후 [확인] 버튼을 클릭합니다.

2️⃣ 그누보드 설치시작

다시 서버로 돌아와 새로고침(F5) 후 우측 하단의 [그누보드5 설치하기] 버튼을 클릭합니다.

약관 페이지가 나오면 [다음] 버튼을 클릭해 넘어가 주세요.

그럼 위와 같이 관리자 계정을 설정하는 화면이 나올텐데,

각 입력필드별 내용은 이미지와 같습니다. 모두 입력 후 [다음] 버튼을 클릭해주세요.

이제 모든 설치가 완료되었습니다! 우측 하단의 [새로운 그누보드5로 이동] 버튼을 클릭해 주세요.

3️⃣ 그누보드 테마설정

그누보드 설치가 완료되었다면, 그누보드 테마를 적용해볼 차례입니다. 먼저, 그누보드 관리자 페이지에 접속해주세요.

설치 시 설정한 관리자 계정(ID/PW)으로 로그인하시면 됩니다 :)

관리자 화면의 [기본 환경설정]에서 [홈페이지 제목]을 원하는 내용으로 변경 후 우측 상단의 [확인] 버튼을 클릭해 저장합니다.

그리고 [테마 설정]을 클릭해 [테마 적용] 버튼을 클릭해 주세요.

그리고 우측 상단에 위치한 집 모양 아이콘을 클릭해서 메인 홈페이지 접속 시,

샘플 파일의 테마가 적용된 것을 확인할 수 있습니다!