본문 바로가기

분류 전체보기166

[그누보드] 페이지 템플릿 그누보드로 테스트를 하나 해 보면서 사이트 구축시 참고하려고 정리해둡니다. 그누보드를 다운받아서 압축 풀어서 서버에 업로드하고 설치하는 것은 아주 쉽습니다.그리고, 게시판만 제공되어지기 때문에 요즘의 덩치 큰 CMS들 같지 않게 옛날 생각도 나고 좋습니다. ㅎ 소스를 보면, 게시판 및 회원관리에 필요한 파일들이 bbs 디렉토리 아래에 있고, 그외 디렉토리 별로 나머지 필요한 파일들이 있습니다. 설치하고 나타나는 첫페이지, index.php 를 살펴보면, 새로운 페이지를 만들 때 많은 도움이 됩니다. 먼저, index.php와 같은 디렉토리 내에 새로운 페이지, a.php 를 하나 만든다고 가정합시다. 그럼, 빈 파일 열고 아래의 내용을 그대로 붙여넣고 시작하면 됩니다. 페이지 내용 페이지 내용 부분에는 .. 2013. 1. 12.
티스토리에 애드센스 넣기 티스토리에 구글 애드센스 광고 넣기 지금까지는 포스팅 상단에 가로로 길쭉한 애드센스 광고를 넣어 왔습니다. 그러다가, view 애드박스를 달고나니, 이녀석이 우측상단에 딱! 위치하는 바람에 이 길쭉한 구글 애드센스 광고 상자는 한줄 아래로 내려오고 좌측상단이 텅 비어버리네요. 그래서, 스킨을 수정해서 view 애드박스 왼쪽에 새로 구글 애드센스 광고 상자를 넣어주기로 했습니다. 우선, google.com/adsense/ 로 가서 300x250 짜리 광고 단위를 하나 더 만들었습니다. 사각형 모양의 광고 코드를 준비를 해놓고, 티스토리 관리자 메뉴에서 HTML/CSS편집 으로 갑니다. skin.html 을 쭉~ 보면서 내려가다가, 을 찾습니다. 그 다음이 가 있네요. 이게 아마 포스팅 글 내용을 출력하는 .. 2013. 1. 10.
CSS margin, padding 한줄에 적을 때 순서 CSS margin과 padding 한줄에 적을 때 순서 css 에서 박스모델의 margin과 padding을 설정해줄때, 몇가지 방법이 있습니다. 첫째. 각각 다 지정해주는 방법 margin-top: 10px; margin-right: 20px; margin-bottom: 15px; margin-left: 5px; 혹은 margin: 10px 20px 15px 5px; 이때, 순서는 상우하좌 입니다. 시계방향으로 돌아가네요. 둘째. 상하의 margin 이 같고, 좌우의 margin 이 같을 때 margin: 10px 5px; 셋째. 좌우는 같은데, 상하가 다를 때 margin: 10px 5px 25px; 이때, 처음나오는 10px는 margin-top 의 값이고, 마지막에 나오는 25px는 margin.. 2013. 1. 9.
[jQuery] 2. 셀렉터 jQuery 2. 요소 선택 방법 - 셀렉터 jQuery는 뭐? 선택하고 조작하고, 선택하고 조작하고... 그러니, 우선 선택하는 방법을 정리해봅니다. 셀렉터를 이용해서 HTML 태그 요소를 선택하는겁니다. 1. 태그 셀렉터 $("h1"). html 문서내의 ... 을 선택합니다. 헤드라인 2. id 셀렉터 $("#title"). html 태그요소중에 id="title" 인 요소를 선택합니다. 헤드라인 만약 h1 태그중에 id가 title 인 요소를 선택하려면, 아래와 같이 셀렉터를 작성할 수 있습니다. $("h1#title"). 3. class 셀렉터 $(".title"). html 태그요소중에 class="title" 인 요소를 선택합니다. 헤드라인 만약 h1 태그중에 class가 title 인 요소.. 2013. 1. 9.
[jQuery] jQuery 1. 기본 중에 기본 jQury 기본 중에 기본 jQuery는 javascript 로 작성하는 것보다 좀 더 쉬운 방법으로 코드를 작성할 수 있게 해 주는 javascript 라이브러리입니다. 본부는 http://jquery.com 입니다. jquery를 다운받아서 작성하고자 하는 html 페이지의 head 태그 내에 아래와 같이 포함시켜주면 이후, jquery 사용이 가능합니다. jquery는 기본적으로 특정 html 요소를 선택하고, 그 선택된 요소를 조작하는 방법으로 사용이 됩니다. 헤드라인 H1이라는 요소를 찾아서 글씨 색깔을 바꾸는 작업을 jQuery로 한다면, 아래와 같이 할 수 있습니다. 먼저 html 코드중에서 H1 태그를 선택합니다. $("H1") 맨 앞의 $ 는 '나는 jQuery임'을 나타내는 것입니다. .. 2013. 1. 8.
CMS가 아닌 게시판만 필요할 경우 대안! CMS가 아닌 게시판만 필요할 경우 대안! 대한민국에서 아직까지도 많이 이용되고 있는 게시판은 제로보드4입니다. 하지만, 이 제로보드4는 2009년 개발 및 배포가 중단되고 XE라는 새로운 CMS로 태어나게 되지요. 하지만! XE를 사용해보면, 무겁고 복잡하고 불필요하게 많은 기능을 담으려한 것 같다는 생각이 들었습니다. 게시판만 땡겨와서 쓸 수 없나 해도 쉽지않더군요. 검색해봤더니, 여전히 제로보드를 사용하고 있는 분들이 많았습니다.하지만, 개발자쪽에서 더 이상 개발을 하지않고, 패치도 내놓지 않는 상황이라서 제로보드를 지금에 사용하려니 많이 꺼려집니다. 대안을 찾아봤습니다.지속적으로 업그레이드를 해 나가고 있는 그누보드가 눈에 띄었습니다. http://sir.co.kr 오늘 날짜로 4.36.11 버전.. 2013. 1. 7.
[PHP] number_format() 숫자를 표시할 때, 세자리마다 콤마(,)를 표시하고 싶을 때, 사용할 수 있는 함수입니다. string number_format ( float $number [, int $decimals = 0 ] ) string number_format ( float $number , int $decimals = 0 , string $dec_point = '.' , string $thousands_sep = ',' ) 두가지 프로토타입으로 소개를 하고 있습니다. 함수 인자로 1개가 들어가는 방식과, 2개가 들어가는 방식, 그리고 4개가 들어가는 방식이 있습니다. $money = 1234567.89; 위 값을 자릿수 포맷팅을 한 문자열로 돌려받는 방법을 살펴봅시다. $str = number_format($money); .. 2012. 12. 24.
폼 값 유효성 검증 jquery.validate.js - 두번째 폼 유효성 검증에서 회원아이디를 검증할 때, 글자수만 검증을 했었는데, 알파벳과 숫자로만 아이디를 만들수 있다고 할 경우에는 어떻게 해야하는지 좀 찾아봤습니다. validator에 검증을 위한 새로운 method 를 추가해서 사용이 가능하더군요. 룰을 설정해주던 부분에 아래와 같이 method를 추가하고, rules 와 messages 에도 수정을 해 줍시다. $(document).ready(function() { jQuery.validator.addMethod("alphanumeric", function(value, element) { return this.optional(element) || /^[a-zA-Z0-9]+$/.test(value); }); $('#form_signup').validate(.. 2012. 12. 23.
폼 값 유효성 검증 jquery.validate.js 이번에는 폼 유효성 검증, form validation 에 대해서 알아보겠습니다. 회원가입 페이지에서 아이디, 암호, 이메일 등을 입력하고, 서버쪽으로 정보를 전송하게 되지요. 만일 이때, 제대로된 이메일 주소의 형태를 가지지 않는 입력값이다던지, 요구한 형태에 맞지 않은 정보가 포함되어 있으면 어떻게 처리하는 것이 좋을까요? 우선 클라이언트쪽에서도 값들을 서버로 전송하기 전에 검증을 해보고, 서버 측에서도 다시 검증을 하고 처리후, DB에 저장을 해야겠지요. 서버쪽 부담을 덜어준다는 의미에서도 클라이언트쪽에서의 폼 유효성 검증은 필요한 작업입니다. 클라이언트쪽에서 돌아가는 프로그램은 자바스크립트죠. 서버는 PHP... 간단하게 아래의 회원가입 폼이 있다고 가정합시다. SIGN UP 아이디 비밀번호 비밀.. 2012. 12. 23.

티스토리툴바