'전체'에 해당되는 글 41건

  1. 2011/05/13 960gs를 이용하여 웹 사이트 구축하는 방법
  2. 2009/12/17 아이폰 위치 정보 테스트
  3. 2009/12/17 신림 정말 맛있는 곱창집
  4. 2009/12/16 아이폰을 구매후 해야할 것
  5. 2009/04/07 FREB: LOG_FILE_MAX_SIZE_TRUNCATE
  6. 2009/03/12 Trac-ko 0.10.4 에서 Gantt Chart Plugin 한글화 (2)
  7. 2009/02/20 SVN Ignore pattern
  8. 2008/10/24 다음 위젯뱅크 온오프믹스 위젯 세로 넓이 조정하기
  9. 2008/10/24 INAMES 웹호스팅에서 TextCube 파일 업로드 문제
  10. 2008/10/23 vim 시작 시 임의(random) 컬러 스킴(color scheme)으로 설정하기

960gs를 이용하여 웹 사이트 구축하는 방법

분류없음 2011/05/13 14:07
정규화된 웹사이트를 구축을 하고자 한다면, 그리드 시스템(Grid System)이 참 좋은것 같습니다.
특히 여기저기 마구 바꿔되는 업무가 많을 수록 효율이 좋은 것 같습니다.
물론 하기 나름이지만..

960gs에 대한 한글화된  문서가 없어서 간단한 Howto를 적어봅니다.

1. 그리드 기반의 레이아웃을 설계 합니다.
아래와 같은 툴들을 이용하면 편하게 됩니다.
- 960gs layout system : http://960ls.atomidata.com/
- 960gs custom css generator : http://grids.heroku.com/

2. 기본 레이아웃을 만듭니다.
이때, 초행자일 수록 많은 시행착오가 있기 마련인데요, http://960.gs/ 에 있는 960gs가 적용된 사이트 중에서 내가 하고자 하는 사이트를 보고, 해당 css를 따라하면 쉽게 됩니다. 다양한 패턴에서 다양한 기술을 볼 수 있습니다.
container에 배경 등 css가 필요한 경우 container 안 마지막에 clear 클래스가 적용된 div가 필요할 것입니다.
이때 중요하게 생각할 부분이 반드시 css generator 가 정해준 기반으로 작업할 필요는 없다는 것입니다.
해당 영역을 grid로만 잡으면 되는 것이지 무조건 첫번째 객체가 상위객체일 필요는 없습니다.
디자인에 따라 여러개의 container div가 존재해도 된다는 것이지요.

3. 각 영역에 요소들을 마크업 합니다.
이 부분은 정해진 그리드 컬럼안에서 (width안에서) 마크업을 해야합니다.
만약 좌우 margin이 없어야 되는 경우가 생긴다면, alpha, omega을 사용할지 판단해야 합니다.

크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 : Comment 0

아이폰 위치 정보 테스트

아이폰 2009/12/17 22:18

명동 롯데 영플라자 건너편에서 아이폰으로 테스트를 해봤습니다.

사용자 삽입 이미지
대략 위와 같은 사진을 찍을 수 있는 위치에서 테스트 해보았는데요
사용자 삽입 이미지
조오금~ 아쉽긴 하지만 그래도 비슷하게 나오는군요 ^^

다시 한번 살짝 움직여서 시도해봤습니다.
사용자 삽입 이미지
위와 같은 사진이 찍히는 곳에서 했더니...
사용자 삽입 이미지
갑자기 순간이동을 했군요~

아무튼 아이폰 위치 정보가지고 노는 것 참 재미있네요 :-)

크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 : Comment 0

신림 정말 맛있는 곱창집

생활/맛집 2009/12/17 22:06
제가 먹어본 곱창 중에서는 BEST에 드는 신림동 구석에 숨어있는 집입니다.
가게 이름은 안성 곱창으로 기억하는데요 ^^; 가격은 1인분에 12000원합니다.
 
가서 잠깐 앉아서 기다리고 있으면 친절하신 주인 아저씨가 어느정도 구워서 줍니다.
사용자 삽입 이미지
사용자 삽입 이미지
염통, 막창, 대창이 좀 나오고요. 주인아저씨가 항상 염통을 먼저 먹으러고 설명해주신답니다.

그리고 메인이 나오기전엔 항상 천엽과 생간이 나오지요
사용자 삽입 이미지

사진은 아이폰군이 수고해주셨습니다~

 
크리에이티브 커먼즈 라이선스
Creative Commons License
tags : 곱창, 맛집, 신림
Trackback 0 : Comment 0

아이폰을 구매후 해야할 것

아이폰 2009/12/16 15:02
한 블로그에 잘 정리된 내용이 있어 담아봅니다.
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 : Comment 0

FREB: LOG_FILE_MAX_SIZE_TRUNCATE

OS/Windows & IIS 2009/04/07 16:07
Windows 2008 IIS7에서 Classic ASP를 운영하고 있습니다.
요즘 실패한 요청 규칙 추적(Failed Request Tracing, Failed Request Event Buffering)을 애용하고 있는 중입니다. 클라이언트에서 발생한 오류를 자세하게 표시해 주니 좋더라구요.

저장된 로그 파일을 보는 중에 LOG_FILE_MAX_SIZE_TRUNCATE 이라는 경고를 보게 되었는데요.

이것은 메세지가 뜻하는 그대로 추적 로그를 만들다가 최대 크게를 초과해서 나타난 것입니다.

실제로 로그를 보면 특정 부분부터 메시지가 없을 것입니다. (짤린거죠)

FREB에서는 최대 크기 기본 값이 512KB라는군요.

아래 처럼하면 그 크기를 변경할 수 있습니다. (1024KB)
필요에 따라서 값을 조정하면 되겠죠 ^^
cd /d "%windir%\system32\inetsrv"
appcmd set config /section:sites-siteDefaults.traceFailedRequestsLogging.maxLogFileSizeKB:1024

아래 주소의 글을 보면 좀 더 자세히 볼 수 있습니다. (영문)
http://blogs.iis.net/robert_mcmurray/archive/2008/03/08/freb-log-file-max-size-truncate.aspx
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 : Comment 0

Trac-ko 0.10.4 에서 Gantt Chart Plugin 한글화

개발/SVN & Trac 2009/03/12 10:45
강순권님의 블로그 글을 보고 저도 한글 Trac 0.10.4에서 Gantt 한글화를 해봤습니다.
OS는 우분투(Ubuntu) 리눅스입니다

1. Download - 0.10 버전으로 다운로드를 했습니다.
# cd /usr/local/src
# svn co http://svn.sourceforge.jp/svnroot/shibuya-trac/plugins/ganttcalendarplugin/branches/0.10/
# mv 0.10 ganttcalendarplugin
2. 한글화 작업
총 4개의 파일을 수정해야합니다. 아래와 같습니다
ganttcalendar/ticketcalendar.py
ganttcalendar/ticketgantt.py
ganttcalendar/templates/calendar.cs
ganttcalendar/templates/gantt.cs
UTF-8 인코딩으로 파일을 열어서 보면 일본어로 되어있는 부분들이 있습니다. 이걸 적당히 수정해 주면 됩니다. ex. 日 → 월, イルストーン → Milstone
글에 다 쓰긴 그렇고 첨부파일로 업로드~





3. 설치
easy_install을 이용하여 간단히 설치했습니다.
# cd /usr/local/src/ganttcalendarplugin
# easy install .
4. 설정
trac.ini을 아래 처럼 수정해줍니다. 강순권님 글에서 datefieldplugin 설정 부분을 제거했습니다. 사실 저는 datefieldplugin도 사용해서 이 글의 내용처럼 설정을 했지요
[components]
ganttcalendar.ticketcalendar.* = enabled
ganttcalendar.ticketgantt.* = enabled

[ticket-custom]
complete = select
complete.label = % Complete
complete.options = 0|5|10|15|20|25|30|35|40|45|50|55|60|65|70|75|80|85|90|95|100
complete.order = 3
due_assign = text
due_assign.label = Start (YYYY/MM/DD)
due_assign.order = 1
due_close = text
due_close.label = End (YYYY/MM/DD)
due_close.order = 2
그리고 서비스 (apache 또는 trac)를 재시작해 줍니다. 안그러면 적용이 안되기도 하더군요

아래는 설치 스샷~ (윗부분은 짜름 ^^; )

사용자 삽입 이미지
사용자 삽입 이미지




크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 : Comments 2

SVN Ignore pattern

개발/SVN & Trac 2009/02/20 10:41
개인적으로 vim, eclipse 로 요즘 웹 개발을 하고 있습니다.
SVN을 사용하면서 일반적으로 아래의 제외/무시 패턴을 사용하면 불필요한 파일은 Commit하지 않게 됩니다.
~* *~ * *.bak .* *.class Thumbs.db *.tmp *.~* _*.*

Visual Studio 개발시에는 아래 항목도 추가..
*/debug *\debug */Debug *\Debug */Release *\Release */release *\release *.obj *.pdb *.pch *.ncb *.suo  *.~ml *.o *.exec


크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 : Comment 0

다음 위젯뱅크 온오프믹스 위젯 세로 넓이 조정하기

잡담 2008/10/24 14:43
다음 위젯뱅크에서 온오프믹스 위젯을 쓰려고 제 블로그에 퍼왔답니다.

아니! 근데 이게 왠일... 제목만 보이게 하고 싶어서 다른 설정을 다 제거하고 확인을 해봤더니! 위젯 아래쪽에 여백이 훵~하니 생겨버린겁니다. ㅠ_ ㅠ

그래서 확인해보니까.. 위젯 뱅크의 iFrame영역은 고정되어있는데 그 안에서 위젯 내용만 줄어든 거였더라구요~ (사실은 만든 사람이 누군지 알아서 쉽게 알고 있는..)

하지만 방법은 있습니다. 위젯 뱅크에서 퍼올때 아래와 같은 코드가 있을겁니다.
<script src="http://widgetprovider.daum.net/view?url=http://widgetcfs1.daum.net/xml/16/widget/2008/09/24/15/28/48d9de0cd3a6e.xml&up_WidgetStyle=A&up_Category=00&up_Username=&up_HideDateLocation=true&up_HideStatus=true&up_HideBottom=true&&width=166&height=350&widgetId=122&scrap=1" type="text/javascript"></script>
여기서 height=350 부분을 아래처럼 적당히 수정하는거죠!
이미 제 블로그에는 그렇게 되어있답니다 :-)
<script src="http://widgetprovider.daum.net/view?url=http://widgetcfs1.daum.net/xml/16/widget/2008/09/24/15/28/48d9de0cd3a6e.xml&up_WidgetStyle=A&up_Category=00&up_Username=&up_HideDateLocation=true&up_HideStatus=true&up_HideBottom=true&&width=166&height=200&widgetId=122&scrap=1" type="text/javascript"></script>
많은 분들에게 도움이 되었으면 좋겠군요. ^^

크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 : Comment 0

INAMES 웹호스팅에서 TextCube 파일 업로드 문제

개발/PHP 2008/10/24 14:37
이번에 회사에서 블로그를 운영한다고 아이네임즈에서 웹 호스팅을 받고, TextCube를 설치하였답니다. 그런데, 글쓰기에서 파일 업로드가 되지 않는거에요. 그래서 디버깅을 해보니까.... 이상하게도 SWF Uploader에서만 403 에러를 뱉는 것이었습니다.. (정확하게는 302 -> http://error.uhost.co.kr/stop/403_Error_Page.html 이동)

그래서 호스팅업체에 문의해서 확인해 보니까 웹 방화벽님께서 막아주시더군요.
아무튼 이렇게 저렇게 테스트 해보니까 SWF Upload가 될 경우에는 방화벽에서 막히고, FF나 IE 등에서 업로드 될 경우엔 막히지 않더군요.

그래서 일단 해결책으로 config.php 에서 $service['flashuploader'] = false; 를 설정하여 해결을 했습니다.

웹방화벽에서 막은 이유는 "... request body: Multipart: final boundary missing ..."이라는데 SWF에서 업로드 될 경우엔 마지막 부스래기가 빠진건지.. 나원참... -_-;

크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 : Comment 0

vim 시작 시 임의(random) 컬러 스킴(color scheme)으로 설정하기

개발/vim 2008/10/23 16:36
gvim을 사용하다가 몇가지 맘에는 컬러 스키마중에서 고민이 되더라구요.
그러다가 random colors vim 으로 검색을 했더니 짠 하고 나오는게 있더군요.

아래 코드를 vimrc 에 등록하고 gvim 을 다시 켜보면! 랜덤하게 색상이 변경되는 것을 볼 수 있습니다.

" Create the comma-separated list of colorscheme files
let s:colors = substitute(globpath(&runtimepath, 'colors/*.vim'), '\n', ',', 'g')
if strlen(s:colors)
  " Count the number of color schemes
  let s:num = strlen(substitute(s:colors, '[^,]\+', '', 'g')) + 1
  if s:num > 1
    let s:loop = localtime() % s:num
    " Rotate the list s:loop times
    while s:loop
      let s:colors = substitute(s:colors, '^\([^,]\+\),\(.*\)$', '\2,\1', '')
      let s:loop = s:loop - 1
    endwhile
  endif
  let s:color = matchstr(s:colors, '^[^,]\+')
  unlet! g:colors_name
  execute 'source' s:color
  " Prevent the message from disappearing
  redraw
  " 스킨이름을 보고 싶으면 아래 주석을 푸세요~
  "echomsg 'Color applied: '.(exists('g:colors_name') ? g:colors_name : '').' ('.s:color.')'
endif
unlet! s:colors s:color s:num s:loop
[edit] - [startup settings] 에 등록하시고 :wq! 하고 실행하면 짠~ 하고 계속 바뀝니다 ^^

출처 : http://vim.wikia.com/wiki/Set_a_random_color_scheme_at_startup

크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 : Comment 0