그누보드5 게시판 리스트 스킨에서 여분 필드 값에 따른 조건부 UI 출력 방법

• 목록
• 스크랩

그누보드5 게시판 리스트 스킨에서 여분 필드 값에 따른 조건부 UI 출력 방법

그누보드5 게시판 목록(list.skin.php)에서 라디오 버튼 등으로 저장한 여분 필드(wr_n) 값을 확인하여, 조건문(if-else)을 통해 서로 다른 이미지를 동적으로 출력하는 방법을 알아봅니다.

그누보드5 리스트 스킨 여분 필드 조건부 UI 출력 방법

그누보드5 게시판 리스트 스킨에서 라디오 버튼 등으로 입력된 여분 필드 값에 따라 이미지를 다르게 출력하려면 목록 스킨 파일인 list.skin.php를 수정해야 합니다.

1. 수정 파일 위치

• 수정할 파일: 사용 중인 게시판 스킨 폴더 내의 list.skin.php

2. 조건부 이미지 출력 코드 작성 방법

목록을 출력하는 반복문(for($i=0; $i<count($list); $i++)) 내부에서 $list[$i]['wr_n'] 형태의 변수를 사용하여 여분 필드 값을 확인하고, if 조건문으로 분기하여 이미지를 출력할 수 있습니다.

예를 들어 wr_6 여분 필드 값에 따라 분기하는 경우 다음과 같이 작성할 수 있습니다.

• 기본적인 if-else 분기 방식 예시

<?php if ($list[$i]['wr_6'] == 1) {?>
 <img src="1번 선택 이미지 경로">
<?php } else if ($list[$i]['wr_6'] == 2) {?>
 <img src="2번 선택 이미지 경로">
<?php }?>

• 필드 값을 파일명과 연동하여 간결하게 처리하는 방식 예시

실제 DB에 저장된 값(1, 2 등)을 활용해 파일명을 맞추어 둔 경우, 아래와 같이 동적으로 경로를 생성할 수 있습니다.

<?php if ($list[$i]['wr_6']) {?>
 <img src="이미지경로/cul_<?php echo $list[$i]['wr_6']?>.png">
<?php }?>

그누보드 리스트 스킨에서 여분 필드 값에 따른 조건부 이미지 출력 방법

그누보드5 게시판 리스트 스킨(list.skin.php)에서 라디오 버튼 등으로 저장된 여분 필드 값($list[$i]['wr_n'])에 따라 이미지를 다르게 출력하려면 PHP 조건문(if-else)을 사용할 수 있습니다.

1. if-else 문을 이용한 분기 출력

가장 기본적인 방법은 필드 값에 따라 각각 다른 이미지를 직접 지정하는 방식입니다. 예를 들어 여분 필드 wr_6의 값에 따라 분기하려면 다음과 같이 작성합니다.

<?php if ($list[$i]['wr_6'] == 1) {?>
 <img src="1번 선택 이미지 경로">
<?php } else if ($list[$i]['wr_6'] == 2) {?>
 <img src="2번 선택 이미지 경로">
<?php }?>

2. 필드 값을 활용한 동적 경로 생성

이미지 파일명을 cul_1.png, cul_2.png와 같이 규칙적으로 만들어 둔 경우, 여분 필드 값을 파일명에 직접 대입하여 더 간결하게 코드를 구성할 수 있습니다.

<?php if ($list[$i]['wr_6']) {?>
 <img src="이미지경로/cul_<?php echo $list[$i]['wr_6'];?>.png">
<?php }?>

주의 및 확인 사항

• 수정 대상 파일은 사용 중인 게시판 스킨 폴더 내의 list.skin.php입니다.
• $list[$i]['wr_6'] 부분의 숫자 6은 실제 사용 중인 여분 필드 번호(wr_1 ~ wr_10)에 맞춰 변경해야 합니다.

상황별 판단 및 다음 행동 가이드

내 상황

• 그누보드5 게시판 리스트 스킨에서 라디오 버튼 등으로 입력된 여분 필드 값에 따라 이미지를 다르게 출력하고자 하는 경우

선택 기준

• 직접 지정 방식: 여분 필드 값의 종류가 적고 이미지 경로가 서로 다를 때 if-else 문을 사용합니다.
• 동적 경로 방식: 여분 필드 값과 이미지 파일명에 규칙(예: cul_1.png, cul_2.png)이 있을 때 변수를 활용하여 코드를 간결하게 작성합니다.

다음 행동

1. 사용 중인 게시판 스킨 폴더의 list.skin.php 파일을 엽니다.
2. 이미지를 출력할 위치에서 $list[$i]['wr_n'] 값을 확인하는 조건문을 작성합니다.
3. 조건에 따라 이미지 경로를 분기하거나, 파일명에 필드 값을 대입하여 동적으로 출력합니다.

실전 FAQ

Q. 여분 필드 값이 비어 있을 때는 어떻게 처리하나요?

• 대안: if ($list[$i]['wr_6'])와 같이 값이 존재하는지 먼저 확인하는 조건문을 사용하거나, else 구문을 추가하여 기본(Default) 이미지를 출력하도록 구성할 수 있습니다.

Q. $list[$i]['wr_n']에서 숫자 n은 무엇을 의미하나요?

• 예외: 그누보드 기본 여분 필드는 wr_1부터 wr_10까지 제공됩니다. 사용 중인 여분 필드 번호에 맞춰 정확히 수정해야 하며, 10개를 초과하는 필드는 별도의 테이블 컬럼 추가 작업이 선행되어야 합니다.

함께 보면 좋은 글

• 그누보드 새글 페이지 스킨에 게시판 추가 필드 및 조건부 출력하기
• 아미나빌드 위젯에서 게시판 여분 필드(wr6) 출력 및 커스터마이징 방법
• 그누보드 게시판 및 전체 검색 결과에 여분 필드 포함하는 방법

참고자료

기타 참고자료

• gnustudy.com — 여분필드를 활용한 게시판 스킨 제작 - 여분 필드 10개 이상 사용하기 - 게시판스킨강좌, 그누보드5강좌
• gnustudy.com — 여분필드를 활용한 게시판 스킨 제작 - 기초 예제1-2 (목록 페이지) - 게시판스킨강좌, 그누보드5강좌