평범한 게 제일 어렵다

이번 포스팅의 주제는 그누보드 게시판의 이미지에 워터마크를 삽입하는 방법입니다. 이미 업로드된 이미지에는 적용이 불가능하며, 새롭게 업로드 하는 이미지에만 적용 가능합니다. 첨부 파일과 스마트에디터2를 통한 이미지 업로드에 모두 적용 가능합니다. 이미지의 용량이나 서버 부하 등은 고려하지 않았으니 유의 바랍니다. 소스는 그누보드 공식 사이트인 sir.kr, 구글 검색 결과 등을 참고하였습니다. 워터마크 삽입을 위해 필요한 파일은 watermark.php write_update.tail.skin.php 2가지이며 아래에 소스가 있습니다. 1. watermark.php 해당 파일을 그누보드의 /bbs/ 경로에 업로드합니다. 꼭 /bbs/ 에 넣을 필요는 없습니다. 편의상 넣었습니다. add_water_tex..

얼마 전에 웹 PDF 뷰어 관련 포스팅을 했었습니다. 2020.11.07 - [웹 개발 & 정보/기타] - 웹페이지에서 PDF 파일 보여주기 (PDF 뷰어 넣기) 이것을 응용하여 그누보드 basic 게시판 스킨에 적용해보았습니다. 게시판 스킨 파일은 포스팅 최하단에 첨부되어있습니다. 그누보드 5.4.3 버전, 기본 테마에서 작업했습니다. PDF 뷰어는 PDF.js(mozilla.github.io/pdf.js/)가 사용되었습니다. PC, 모바일 둘 다 적용되었습니다. IE는 11버전 이상만, 사파리 브라우저는 지원되지 않습니다. 지원 안되는 브라우저 대응 작업은 필요시 따로 하시면 되겠습니다. 1. 게시판 목록 각 게시물에 PDF 파일이 있는지 체크하여 PDF 아이콘을 출력합니다. PDF 파일이 첨부되어있..

(지난 글 보기 : 혼자 만들어본 그누보드 게시판 반응형 스킨) 이번에 올리는 스킨은 이전에 포트폴리오 카테고리에 올렸던 게시판 스킨의 갤러리 버전입니다. 리스트 페이지의 게시글 관련 디자인만 바뀌었고, 나머지 부분은 동일합니다. 제목 - 그누보드 갤러리 게시판 반응형 스킨 간략 소개 - 개발자의 디자인 실력 한계를 보여주는 갤러리 게시판 스킨입니다. 항상 심플함을 추구... 주요 정보 (일반 게시판 반응형 스킨과 거의 동일하여 간략하게 적습니다)- 무료로 배포된 반응형 갤러리 스킨들을 여럿 참고하여 작업함. - 일부 디자인과 기능을 위해 부트스트랩, Font Awesome 사용- 반응형 각 화면 크기별로 게시물이 딱 맞아떨어지게끔 출력하려면 12의 배수로 출력 해야 함. - 크롬, 파이어폭스, 오페라,..

제목 - 그누보드 게시판 반응형 스킨 (부트스트랩 기반) 간략 소개 - 디자인 따위는 생략하고 심플함을 내세운 그누보드 게시판 반응형 스킨 주요 정보 - 그누보드 기본 게시판 스킨을 뼈대로 작업하였음- 일부 디자인 (input, 버튼 등) 과 기능을 위해 부트스트랩 (최신버전) 사용 (부트스트랩을 필수로 사용해야 적용 가능한 스킨입니다. 부트스트랩이 필요없는 버전은 따로 제작할 예정)- 일부 디자인을 위해 Font Awesome (v4.6.3) 사용 (최근에 출시된 Font Awesome 5 버전은 테스트 해보지 않았음)- 크롬, 파이어폭스, 오페라, ie8+ 작동 테스트 완료- PC 브라우저에서 화면 크기를 모바일 수준으로 줄인 화면과, 실제 모바일 기기 브라우저의 화면이 다를 수 있음. 화면 크기별 ..