웹 개발16 날짜와 시간을 저장하고 이용하는 방법에 관한 생각 웹 개발을 할 때, 정보를 데이터베이스에 저장하는 일은 거의 불가피한 일입니다. 게시판도 그렇고, 무언가 이용자로부터 정보를 받으면, 저장을 하려고 하죠. 그중에서, 날짜는 어떻게 처리하는것이 좋은지 한번 생각해봤습니다. 이용자가 게시판에 글을 작성했다고 가정합시다. 그러면, 글이 작성된 시간을 데이터베이스에 함께 저장을 해야하겠네요. 사람이 보기에는, '2013년 1월 14일 밤 11시 5분 30초' 에 저장했음.이라고 바로 보이면 좋겠죠. '2013년 1월 14일 밤 11시 5분 30초' 문자열을 데이터베이스에 바로 저장할 수도 있겠습니다만, 데이터베이스에서 이 문자열을 가져와, '밤'을 '오후'로 표시하고 싶을 경우에는 귀찮은 일이 생겨버립니다. 정보를 보여주는 방법은 여러가지일 수가 있겠지요. 하.. 2013. 1. 14. 티스토리에 애드센스 넣기 티스토리에 구글 애드센스 광고 넣기 지금까지는 포스팅 상단에 가로로 길쭉한 애드센스 광고를 넣어 왔습니다. 그러다가, view 애드박스를 달고나니, 이녀석이 우측상단에 딱! 위치하는 바람에 이 길쭉한 구글 애드센스 광고 상자는 한줄 아래로 내려오고 좌측상단이 텅 비어버리네요. 그래서, 스킨을 수정해서 view 애드박스 왼쪽에 새로 구글 애드센스 광고 상자를 넣어주기로 했습니다. 우선, google.com/adsense/ 로 가서 300x250 짜리 광고 단위를 하나 더 만들었습니다. 사각형 모양의 광고 코드를 준비를 해놓고, 티스토리 관리자 메뉴에서 HTML/CSS편집 으로 갑니다. skin.html 을 쭉~ 보면서 내려가다가, 을 찾습니다. 그 다음이 가 있네요. 이게 아마 포스팅 글 내용을 출력하는 .. 2013. 1. 10. 폼 값 유효성 검증 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. Google CDN 서버의 jQuery 이용하기 홈페이지를 제작하면서 jQuery 라이브러리를 사용하고 싶을 때, 두 가지 방법이 있습니다. 첫째, jquery.com 가서 원하는 버전의 jquery 라이브러리를 다운받아서 제작하는 홈페이지의 호스팅 서버로 업로드해서 아래의 코드로 직접 포함시키는 방법 둘째, 매번 다운받아서 서버에 올리는 번거로움에서 벗어날 수 있는 방법일수 있는데ㅛㅇ, 구글이 가지고 있는 jquery 라이브러리를 아래의 코드로 포함시키는 방법이 있습니다. 위의 주소가 이상하죠?? //ajax.googleapis.com 으로 시작되는데요. http:를 붙여야하나..라고 생각하다가 조금 검색을 해보니, 아래 링크에서 도움되는 글을 발견했습니다. http://encosia.com/3-reasons-why-you-should-let-goo.. 2012. 12. 9. kimsq RB (킴스큐 RB) 설치하기 홈페이지를 만들면서 직접 모든 코드를 작성하고 있는데,.... 별도로 킴스큐 RB 를 설치해 봤습니다. 이전 버전을 사용해본적이 있었습니다만... 오래 유지를 못하고 삭제했었습니다. 그래서, 최신 버전으로 다시 다운받아서 설치를 해봤습니다. 최근에 1.1.2로 업그레이드 되었습니다. 킴스큐 홈페이지 예전에도 느낀거지만, 킴스큐 RB 참 잘 만들어진것 같아요. 모듈 제작해서 확장하는 것이 가능하니까, 그 분야로 새로운 시장이 형성되어있더군요. 모듈 만들어서 올리고 판매하고... 오픈소스의 수익모델로 괜찮은거 같습니다. 우선 킴스큐 홈페이지에 가서 최근 패키지를 다운로드를 받습니다. 받은 패키지를 압축해제하고 웹 호스팅을 받고 있는 서버에다 업로드를 합니다. 압축해제를 하면 rb 디렉토리가 생기는데요, 저는.. 2012. 4. 2. 다음 지도 API v3 와 트위터 부트스트랩(Twitter Bootstrap) CSS 다음 지도 API v3를 이용해서 간단한 기능의 웹 페이지를 작성하던 중에 발견한 내용을 정리합니다. 다음 지도 API v3 를 이용해보려고, 우선 다음에서 제공하는 매뉴얼대로 테스트 페이지를 작성해서 실행해 보았습니다. 시키는대로 하면 아래와 같이 이쁘게 지도가 표시가 됩니다. 다음 지도 API v3 홈페이지 : http://dna.daum.net/apis/maps/v3 간단하게 API 사용법을 살펴본 후에, 제가 만들어보려던 웹 페이지를 만들면서 트위터의 부트스트랩 CSS 파일을 불러오도록 소스를 작성하였습니다. 트위터 부트스트랩 홈페이지 : http://twitter.github.com/bootstrap/ 그렇게 트위터의 부트스트랩 CSS를 적용시키니까, 아래와 같이 지도가 제대로 표시가 되지 않더.. 2012. 3. 25. 이전 1 2 다음
