Lpla 개발 블로그

그누보드

그누보드 최신글 날짜 커스텀(연도, 시간, 요일 표시)

1. 최신글 불러오기 그누보드에서 게시판과 연동하여 최신글을 불러오는 방법은 다음과 같다. 여기서 스킨 이름은 게시판의 스킨이 아니라 최신글 스킨을 뜻한다. 스킨 폴더의 경로는 skin/latest/ 이며 이 경로에 있는 폴더명을 지정하면 된다. 테이블 이름은 관리자 페이지에서 확인 가능하다. 2. 연도 표시 여기서 날짜에 연도까지 표시하기 위해서는 스킨 폴더 내부의 latest.skin.php 를 열고 아래 코드를 찾는다. 그리고 아래처럼 수정한다. 3. 시간 표시 연도와 날짜 그리고 시간까지 표시하고 싶다면 아래처럼 수정한다. 4. 요일 표시 사용자에 따라 요일까지 표시하고 싶을 수 있다. 영어로 표시되는 요일을 한글로 바꾸고 싶다면 함수를 정의해야 한다. 다행히 그누보드에서 이를 알고 진작에 한글 ..

그누보드

그누보드 게시글을 클릭하면 원하는 페이지로 이동하기

1. 용도 일반적으로 그누보드 게시글을 클릭하면 게시글 본문으로 이동한다. 하지만 유튜브나 인스타그램, 페이스북, 네이버 블로그 같은 페이지로 바로 이동하고 싶은 경우가 있다. 그누보드는 게시글 작성시 하단에 링크를 첨부할 수 있는데 이 링크로 이동하는 방법에 대해 알아보겠다. 2. 코드 수정 예시로 사용한 게시판은 gallery이다. 임시로 아래와 같은 이미지와 링크를 추가한 게시글 3개를 생성했다. skin/board/gallery/list_skin.php 를 연다. 109번째 줄을 보면 아래 코드가 보인다. (버전에 따라 다를 수 있다.)

그누보드

그누보드 게시글 목록에서 글 수정 버튼 만들기

1. 용도 그누보드 게시판은 게시글을 수정하기 위해서 해당 글을 클릭하여 본문에 들어간 다음 수정 버튼을 클릭해야 한다. 이런 번거로운 과정 없이 글 수정 버튼을 게시글 목록(리스트)에 노출시켜 보겠다. 2. 수정 버튼 생성 예시로 사용한 게시판 스킨은 basic이다. skin/board/basic/list.skin.php 를 연다. 127번째 줄을 보면 아래 코드가 보인다. (버전에 따라 달라질 수 있다.) 댓글 개 여기서 마지막에 다음 코드를 추가한다. 댓글 개

JavaScript/실전

[JavaScript] 무작위 숫자 5개를 뽑아 오름차순으로 정렬 2

지난 포스트 : [JavaScript] 무작위 숫자 5개를 뽑아 오름차순으로 정렬 1 지난 번에 무작위 숫자 5개를 뽑아 오름차순으로 정렬하는 방법에 대해 알아보았다. var 추출 = []; for (i = 1; i

일상

로지텍 MX마스터3 1년 사용 후기

사무용 마우스의 끝판왕이라고 할 수 있는 로지텍 MX 마스터3 1년 사용 후기를 적어 보겠다. 마우스 선정 이유 들어가기 앞서 나는 손이 큰 편이다. 가늘고 긴 손인데 그래서 작은 마우스를 오래 사용하지 못한다. 마우스는 하루 중 스마트폰보다 더 오래 쥐고 있기 때문에 나에게 맞는 마우스 선택이 중요하다고 할 수 있다. 학창 시절에는 로지텍 G1을 많이 사용했고 대학생 시절에는 레이저 데스에더 엘리트 마우스를 사용했다. 나는 7버튼 마우스를 선호한다. 그 이유는 웹서핑을 할 때 이전 페이지 / 다음 페이지 이동 버튼이 없으면 아주 큰 불편함을 느끼기 때문이다. 불필요한 손목 이동을 최소화하고 내 손목 건강을 챙기기 위해서 이 버튼들은 필수다. 서론이 길었는데 결국 로지텍 MX 마스터3 를 구매한 결정적인..

JavaScript/실전

IE11 에서 블러(Blur) 처리하기 blurify.js

일반적으로 css filter 기능으로 요소에 블러 효과를 구현하는 것은 쉽다. HTML CSS img { -webkit-filter: blur(5px); filter: blur(5px); } 결과 : 크롬 / 익스플로러 11 하지만 익스플로러에서는 이렇게나 간편하고 유용한 필터 기능을 지원하지 않는다. 우리나라의 익스플로러 점유율이 2019년 10퍼센트에서 2020년 5퍼센트로 떨어졌다고는 하지만 회사와 클라이언트 입장에서 익스플로러를 완전히 배제할 수 없는 상황이다. 개인적으로 3년이 지나면 그땐 정말 익스플로러는 고려하지 않아도 될 것 같다. 다행히 익스플로러에서 블러 기능을 구현할 수 있는 자바스크립트 라이브러리가 있다. 바로 blurify 이다. dabanlee/blurify blurify.js..