그누보드4 게시판 첨부 이미지 리사이즈 및 출력 설정 방법

• 목록
• 스크랩

그누보드4 게시판 첨부 이미지 리사이즈 및 출력 설정 방법

그누보드4 게시판에서 첨부 이미지가 화면 밖으로 잘리거나 크게 출력되는 문제를 해결하는 스킨 수정 및 관리자 설정 방법을 안내합니다.

그누보드4 게시판 이미지 출력 오류 원인

그누보드4 게시판에 첨부한 이미지가 화면 밖으로 잘려 보이거나 관리자 설정에서 지정한 폭보다 크게 출력되는 현상은 다음 원인으로 발생합니다.

• 자바스크립트 함수 미호출: 게시판 스킨 파일에 이미지 리사이즈를 담당하는 자바스크립트 함수가 호출되지 않았을 때 발생합니다.
• 설정 값 적용 오류: 관리자 설정의 이미지 폭 제한 값이 올바르게 적용되지 않았을 때 발생합니다.

게시판 스킨 view.skin.php 파일 수정 방법

그누보드4 환경에서 게시판 스킨 폴더 내 view.skin.php 파일을 수정하여 첨부 이미지 리사이즈 문제를 해결할 수 있습니다. 작업 전 반드시 해당 파일을 백업해 두어야 합니다.

1. 스킨 파일에 자바스크립트 코드 추가

게시판 스킨 폴더 안의 view.skin.php 파일 최하단에 아래 코드가 포함되어 있는지 확인하고, 없다면 추가합니다.

<script language="JavaScript" src="<?="$g4[path]/js/board.js"?>"></script>
<script language="JavaScript">
window.onload=function() {
    resizeBoardImage(<?=(int)$board[bo_image_width]?>);
    drawFont();
}
</script>

2. 관리자 설정 확인

게시판 관리자 설정 메뉴에서 '이미지 폭 크기(픽셀)' 항목의 값이 의도한 대로 설정되어 있는지 확인합니다. 이 값은 resizeBoardImage 함수가 이미지를 리사이즈할 때 기준이 됩니다.

3. 적용 후 확인

수정 후 게시글 본문에 첨부된 이미지가 관리자 설정에서 지정한 폭에 맞춰 정상적으로 출력되는지 확인합니다.

관리자 설정에서 이미지 폭 크기 확인 및 변경 방법

그누보드4 환경에서 게시판 첨부 이미지 리사이즈 기준이 되는 '이미지 폭 크기(픽셀)' 값은 게시판 관리자 설정 메뉴에서 확인하고 변경할 수 있습니다.

관리자 설정 확인 위치 및 조건

• 확인 위치: 게시판 관리자 설정 메뉴 내 '이미지 폭 크기(픽셀)' 항목
• 적용 조건: 이 값은 스킨 파일에서 호출되는 resizeBoardImage 자바스크립트 함수가 이미지를 리사이즈할 때 기준 크기로 사용됩니다.

다음 행동

게시판 관리자 설정 메뉴에서 '이미지 폭 크기(픽셀)' 값을 원하는 픽셀로 변경한 뒤, 게시글 본문에서 이미지가 해당 폭에 맞춰 출력되는지 확인하십시오.

view.skin.php 파일 백업 복구 방법

그누보드4 게시판 스킨 파일을 수정하는 작업 중 이미지 출력이 정상적이지 않거나 문제가 발생한 경우, 미리 백업해 둔 파일을 활용하여 이전 상태로 되돌릴 수 있습니다.

복구 절차

1. 수정 작업 전 미리 백업해 두었던 view.skin.php 원본 파일을 준비합니다.
2. 문제가 발생한 게시판 스킨 폴더 내의 기존 파일을 백업해 둔 원본 파일로 덮어씌웁니다.

주의사항

• 본 복구 방법과 해결책은 그누보드4(G4) 환경을 기준으로 합니다. 그누보드5 이후 버전에서는 시스템 구조가 다르므로 주의해야 합니다.

그누보드4와 그누보드5 이후 버전의 이미지 리사이즈 차이

그누보드4(G4) 환경의 게시판 스킨 수정용 코드는 시스템 구조가 달라 그누보드5 이후 버전에서는 그대로 적용되지 않습니다.

버전별 적용 차이

• 그누보드4: 게시판 스킨 폴더 내 view.skin.php 파일 최하단에 자바스크립트(board.js)를 호출하고 resizeBoardImage((int)$board[bo_image_width]) 함수를 실행하는 방식을 사용합니다.
• 그누보드5 이후 버전: 시스템 구조가 다르며, 게시판 설정 및 썸네일 생성 방식(예: get_list_thumbnail)이나 별도의 에디터 리사이즈 설정 구조를 따르므로 그누보드4용 코드를 그대로 사용하면 정상 동작하지 않습니다.

함께 보면 좋은 글

• 그누보드 첨부 이미지 썸네일 alt 태그에 글 제목 자동 삽입하기

참고자료

기타 참고자료

• mercury-seed.com — 그누보드4 게시판 첨부 이미지 리사이즈 및 출력 설정 방법