Lpla 개발 블로그

그누보드

그누보드로 하드코딩하기

그누보드5를 하드코딩하여 홈페이지를 제작하고 싶다면 테마를 비활성화하고 몇 가지 파일을 수정해야 한다. 1. basic 테마 삭제 그누보드를 처음 설치하면 basic 테마가 적용되어 있다. 테마를 비활성화하기 위해 관리자 계정으로 로그인한다. 그리고 관리자페이지로 이동하여 환경설정 중 '테마설정' 으로 들어간다. 베이직을 사용안함으로 변경한다. 혹은 그누보드5의 theme 폴더를 삭제해도 된다. 다시 메인으로 돌아와보면 아직까지 달라진 것은 없다. 2. 헤더와 푸터 삭제 그누보드의 한 페이지의 구성은 쉽게 5가지로 구분된다. 에 해당하는 head.sub.php 사이트 헤더에 해당하는 head.php 사이트 본문에 해당하는 index.php 사이트 푸터에 해당하는 tail.php 에서 바로 위쪽인 tail..

JavaScript/기초

[JavaScript] arguments 객체

자바스크립트는 함수를 호출할 때 arguments 객체가 함수 내부로 전달된다. arguments 객체가 하는 일은 크게 두 가지이다. 1. 함수의 인자(argument) 참조 arguments 객체를 사용하여 함수의 인자를 참조할 수 있으며, 이때 인덱스는 0부터 시작한다. function func(a) { return a + arguments[1] + arguments[2] } func(10, 20, 30); // 60 위 func 함수에서 파라미터는 a 하나 밖에 없지만 func(10, 20, 30)처럼 인자(argument)가 3개인 함수를 호출한다고 해서 에러가 발생하지 않는다. func 함수에서 10은 a에 할당되고 arguments[0]에도 할당된다. 마찬가지로 20과 30은 각각 argum..

JavaScript/실전

Swiper 예제 - 슬라이드가 넘어갈 때 이벤트 호출

swiper는 다른 라이브러리보다 직관적이고 친절한 demo와 api를 제공하고 있다. Swiper Demos Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com Swiper API Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com 그 중 여러가지 이벤트 메서드를 지원하는데 activeIndexChange와 slideChange는 슬라이드가 바..

그누보드

[그누보드5] 회원 완전히 삭제하기

버전에 따라 다를 수 있지만 그누보드는 관리자페이지 회원관리에서 회원 삭제 버튼을 클릭하더라도 삭제 기능 자체가 작동하지 않거나 혹은 삭제되더라도 db에 데이터가 남아 있어 해당 아이디나 이메일로 가입이 불가능한 경우가 발생한다. 그누보드에서 회원을 완전히 삭제하기 위해서는 파일을 수정해야 한다. 수정할 파일은 lib/common.lib.php 이다. 먼저 member_delete 함수에서 아래 코드를 주석처리한다. // 회원 삭제 function member_delete($mb_id) { global $config; global $g5; $sql = " select mb_name, mb_nick, mb_ip, mb_recommend, mb_memo, mb_level from {$g5['member_ta..

JavaScript/기초

[JavaScript] 빌트인 객체 (내장 객체)

빌트인 빌트인은 브라우저의 자바스크립트 엔진에 내장되어 사용자의 환경에 상관 없이 즉시 사용할 수 있는 코드를 의미한다. 1. 값 타입 undefined, Null, Boolean, Number, String, Object 이다. 2. 연산자 +, -, *, /, %, ++, -- 등이 있다. 연산자의 종류는 여기서 확인할 수 있다. 표현식과 연산자 - JavaScript | MDN 표현식과 연산자 이 장은 JavaScript의 표현식과 할당, 비교, 산술, 비트 계산, 논리, 문자열, 삼항 등 여러 가지 연산자를 설명합니다. 연산자와 표현식의 완전하고 구체적인 목록도 참고서에서 확 developer.mozilla.org 3. 객체 자바스크립트에는 10개가 넘는 빌트인 객체가 존재한다. Number 객체..

JavaScript/기초

[JavaScript] 객체(Object)

현재 본문 내용보다 다음 링크를 읽으시는 것을 추천합니다. [JavaScript] 객체 리터럴 객체 자바스크립트는 객체 기반 언어이고 자바스크립트를 이루고 있는 모든 것이 객체이다. 정확하게는 원시 타입을 제외한 나머지 모든 것은 객체이다. 그리고 객체는 프로퍼티로 구성되어 있 lpla.tistory.com 객체(Ojbect) 객체(object)는 중괄호를 사용해 다양한 데이터를 담을 수 있다. var member = {}; 객체는 키(key) : 값(value)으로 이루어져 있고 이를 프로퍼티(property)라고 한다. var member = { 'name' : 'Jin', 'age' : 30, 'country' : 'italy' } 점 표기법 점 표기법으로 프로퍼티를 호출, 추가, 삭제하는 법은 다..

JavaScript/기초

[JavaScript] continue와 break의 차이

1. continue 자바스크립트 continue는 현재 실행 중인 반복문의 루프(반복)를 멈추고 다음 루프를 실행한다. 반복문을 완전히 종료하는 것이 아니라 for문이라면 업데이트 표현식으로 넘어가고 while문의 경우 다시 조건으로 넘어간다. for문 for(a = 1; a

JavaScript/실전

[JavaScript] for문으로 홀수 짝수값 각각 더하기

for문을 사용하여 1에서 20까지 반복하면서 홀수일 경우 홀수끼리 더하고 짝수일 경우 짝수끼리 더한 값을 출력하는 방법에 대해 알아보겠다. 1. 1부터 20까지 for문 작성 for(var i=1; i

HTML&CSS

[CSS] 물결 버튼 효과

See the Pen 물결 버튼 by lpla (@lpla) on CodePen.

JavaScript/기초

[JavaScript] 단항 연산자

용어 정리 단항 연산자를 공부하기 전, 용어를 먼저 이해해야 한다. 더하기, 빼기, 곱하기, 나누기 등을 ‘연산’이라고 한다. 자바스크립트에서 지원하는 연산자는 더하기(+), 빼기(-), 곱하기(*), 나누기(/), 나머지(%), 거듭제곱(**)이 있다. 피연산자는 연산자가 연산을 수행하는 대상이다. 1 + 2에서 1과 2가 피연산자이다. 그리고 1 + 2는 피연산자가 2개이므로 이항 연산자라고 한다. 한편 피연산자가 하나인 경우를 단항 연산자라고 한다. 단항 +연산자 값 앞에 + 기호를 작성하여 해당 값을 숫자(number) 타입으로 변환한다. var Nine = '9'; console.log(typeof Nine);// string console.log(typeof +Nine);// number 단항..