Blog: 2011

2011년 12월 30일 금요일

왼쪽메뉴 일반페이지

http://sir.co.kr/bbs/board.php?bo_table=g4_qa&sca=&sfl=wr_subject||wr_content&stx=%EC%99%BC%EC%AA%BD%EB%A9%94%EB%89%B4+%EC%9D%BC%EB%B0%98%ED%8E%98%EC%9D%B4%EC%A7%80&x=0&y=0&sop=and

*
http://sir.co.kr/bbs/board.php?bo_table=g4_qa&sca=&sfl=mb_id,1&stx=ezlove44

2011년 12월 29일 목요일

'일반페이지'를 바로 그룹화, 게시판화 하는 스킨

http://www.sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=78283&page=144

2011년 12월 28일 수요일

switch( $bo_table ) {
case "html" :
$mainVisual = "$g4[path]/inc/02.php"; // 플래시 비주얼 페이지마다 바뀜
$subMenu = "$g4[path]/inc/subMenu01.php"; // 왼쪽 서브메뉴 역시 페이지마다 바뀜
break;
case "shop" :
$mainVisual = "$g4[path]/inc/03.php";
$subMenu = "$g4[path]/inc/subMenu02.php";
break;
case "information" :
$mainVisual = "$g4[path]/inc/04.php";
$subMenu = "$g4[path]/inc/subMenu03.php";
break;
case "event" :
$mainVisual = "$g4[path]/inc/05.php";
$subMenu = "$g4[path]/inc/subMenu04.php";
break;
case "faq" :
$mainVisual = "$g4[path]/inc/06.php";
$subMenu = "$g4[path]/inc/subMenu05.php";
break;
default : $mainVisual = "$g4[path]/inc/03.php"; // 일반 페이지일 경우 나타낼 파일
$subMenu = "$g4[path]/inc/subMenu02.php"; // 일반 페이지일 경우 나타낼 왼쪽메뉴
}

-----------------------------------

호출 : <? include_once ("$mainVisual") ?>

<? include_once ("$subMenu") ?>

------------------------------------

- head.php -

<?
if($bo_table=="b21"){
include_once("$g4[path]/ccm_left_menu.php");
}

if($bo_table=="b31"){
include_once("$g4[path]/mihon_left_menu.php");
}

if($bo_table=="b41"){
include_once("$g4[path]/jaehon_left_menu.php");
}

if($bo_table=="b51"){
include_once("$g4[path]/community_left_menu.php");
}

if($bo_table=="b61"){
include_once("$g4[path]/sitemap_left_menu.php");
}
?>

-------------------------------------------

<?
if($gr_id=="그룹A"){ //그룹A 일때
include_once("$g4[path]/inc/left_gunuboard4.htm");
}
else { // A그룹이 아니라면 left_gunuboard3.htm 불러와라
include_once include_once("$g4[path]/inc/left_gunuboard3.htm");
}
?>

</xmp>

출처 : http://www.webnara.kr/g4/bbs/board.php?bo_table=gnu&wr_id=27&sca=&sfl=mb_id&stx=admin

2011년 12월 25일 일요일

myslq db외부접속이 안된다

#vi /etc/my.cn
bind-address = 127.0.0.1
라고된부분을 # 주석처리

http://pneuma08.tistory.com/22

http://kldp.org/node/26673

2011년 12월 22일 목요일

chkrootkit

시스템내의 바이너리파일들(/bin, /sbin, /user/bin/, /user/sbin등의 실행파일)의 변조여부를 검사한다.

#apt-get chkrootkit

#chkrootkit

#chkrootkit -x

http://www.ubuntu.or.kr/viewtopic.php?p=13485

nmap

포트스캔도구

nmap localhost
(-sV와 같은 옵션도 확인해 볼 것)

http://ubuntu.or.kr/forum/viewtopic.php?p=9025

2011년 12월 20일 화요일

php, mysql 한글깨짐

test.php

phpinfo();

?>
참조 : http://blog.naver.com/PostView.nhn?blogId=pxhk&logNo=100097250103

#vim /etc/mysql/my.cnf

참조 : http://blog.daum.net/webson/12

에디터에서 포멧저장시 인코딩 확인

브라우저 인코딩 확인

*성공

#vim /etc/apache2/apache2.conf

AddDefaultCharset utf-8 추가

#/etc/init.d/apache2 restart

블로그스팟 코드 삽입 태그

https://www.google.com/search?client=ubuntu&channel=fs&q=%EC%BD%94%EB%93%9C+%EC%82%BD%EC%9E%85+%ED%83%9C%EA%B7%B8&ie=utf-8&oe=utf-8#pq=%EB%B8%94%EB%A1%9C%EA%B7%B8%EC%8A%A4%ED%8C%9F+%EC%BD%94%EB%93%9C+%EC%82%BD%EC%9E%85+%ED%83%9C%EA%B7%B8&hl=ko&sugexp=cqn&cp=14&gs_id=1k&xhr=t&q=%EB%B8%94%EB%A1%9C%EA%B7%B8%EC%8A%A4%ED%8C%9F+%EC%BD%94%EB%93%9C+%EC%82%BD%EC%9E%85+%ED%83%9C%EA%B7%B8&pf=p&sclient=psy-ab&client=ubuntu&channel=fs&source=hp&pbx=1&oq=%EB%B8%94%EB%A1%9C%EA%B7%B8%EC%8A%A4%ED%8C%9F+%EC%BD%94%EB%93%9C+%EC%82%BD%EC%9E%85+%ED%83%9C%EA%B7%B8&aq=f&aqi=&aql=&gs_sm=&gs_upl=&bav=on.2,or.r_gc.r_pw.r_cp.,cf.osb&fp=69ff0937e3155fcd&biw=1280&bih=715

ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/var/run/mysqld/mysqld.sock' (2)

우분투에서 발생시

http://pippen80.cafe24.com/237 참고

2011년 12월 17일 토요일

웹폰트

http://www.google.com/webfonts#ChoosePlace:select

http://fontface.kr

2011년 12월 15일 목요일

ssh 접속지연

/etc/sshd_config에서 명령줄을 추가 또는 주석을 삭제

GSSAPIAuthentication no

#sshd restart

하이브리드앱

http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=talkbox2&wr_id=330036

ip

○8.127.15○.12○

구글 api

http://code.google.com/intl/ko/more/

2011년 12월 13일 화요일

IE6에서도 CSS Position: fixed 먹히게 및 하단고정 레이어

http://blog.naver.com/PostView.nhn?blogId=tyboss&logNo=70071619400

2011년 12월 12일 월요일

디자인 아이콘

http://www.iconfinder.com/search/5/?q=iconset%3Acc_mono_icon_set

2011년 12월 1일 목요일

디자인 철학

가벼운

고밀도

기능성

요소를 제거한

http://www.google.co.kr/search?q=soccer&um=1&hl=ko&newwindow=1&gbv=2&tbs=sur:fmc,ic:color&tbm=isch&source=lnt&sa=X&ei=BBbXTo7oJYr8mAW_xLj4Cw&ved=0CBQQpwUoATgV&biw=935&bih=645&sei=GhbXTt62AbDNmQX-yfzJCw#um=1&hl=ko&newwindow=1&gbv=2&tbs=sur:fmc%2Cic%3Aspecific%2Cisc%3Agreen&tbm=isch&sa=1&q=lionel+messi&oq=messi&aq=7m&aqi=g7g-m3&aql=&gs_sm=c&gs_upl=54179l55415l20l58522l2l2l0l0l0l0l113l220l0.2l2l0&bav=on.2,or.r_gc.r_pw.,cf.osb&fp=d9b63218423a08fd&biw=1318&bih=959

2011년 11월 30일 수요일

세로 슬라이드 메뉴 간격조절 오류

<style type="text/css">
.link {position:absolute;width:100%;height:0;visibility:hidden;overflow:hidden;background:cyan}

.title{position:relative;width:100%;font:bold 11pt verdana;color:white;cursor:pointer;background:orange}

.title_o {position:relative;cursor:pointer;width:100%;height:40px;font:bold 11pt verdana;overflow:hidden;color:white;background:blue}

.text {position:relative;margin:0;padding:0;font-family:verdana;font-size:10pt;overflow:hidden}
.text a{padding:10px 0}

</style>
<script type="text/javascript">

</script>
</head>

<body>
<div id="frames" style="position:absolute;width:200;height:200;overflow:hidden">
        <span class="link"><div class="title">메뉴 1</div>
              <div class="text">
                 <a href="http://kiche.tk/bbs/board.php?bo_table=intro">글타래</a><br />

               </div>
          </span>

          <span class="link"><div class="title">메뉴 2</div>
            <div class="text">
               서브메뉴 - 1<br>
               서브메뉴 - 2<br>
            </div>
         </span>

         <span class="link"><div class="title">메뉴 3</div>
           <div class="text">
              서브메뉴 - 1<br>
              서브메뉴 - 2<br>
            </div>
         </span>

         <span class="link"><div class="title">메뉴 4</div>
             <div class="text">
                서브메뉴 - 1<br>
                서브메뉴 - 2<br>
           </div>
          </span>
          <span class="link"><div class="title">메뉴 5</div>
              <div class="text">
                 서브메뉴 - 1<br>
                 서브메뉴 - 2<br>
              </div>
        </span>
   </div>

2011년 11월 25일 금요일

웹퍼블리싱 작업을 할때, 먼저 바탕에 silver를 깔아 놓으라.

이유는 흰색이 눈부시기 때문.. 중요하지만 사소한 이유

세로 슬라이드 메뉴

다음 두개는 다른 것
http://kwin.net/xe/9830

http://www.webmadang.net/javascript/javascript.do?action=read&boardid=8001&categoryid=1005&page=1&seq=66

jquery
http://www.designonex.com/bbs/board.php?bo_table=os_freecss&wr_id=27&sfl=&stx=&sst=wr_hit&sod=desc&sop=and&page=1

http://jquery.bassistance.de/accordion/demo/

2011년 11월 18일 금요일

템플릿 사이트

psd템플릿
*** http://www.readactor.com/user-news/new-20-free-html5-css3-templates/
http://www.webdesignerforum.co.uk/topic/41152-download-free-psd-template-web-20-style/
http://webdesignfan.com/wonderful-psd-templates/
http://webdesignfan.com/wood-design-free-psd-template/
http://www.webappers.com/2009/11/11/25-slick-psd-website-templates-free-for-download/
* http://www.themeflash.com/40-free-professional-psd-design-templates/
http://www.smashingmagazine.com/2010/06/22/free-portfolio-psd-template-bluemasters/
http://www.blazrobar.com/
http://www.webdesignshock.com/free-photoshop-android-interface-gui/
http://trendytuts.com/web-layout-tutorials/how-to-create-a-restaurant-psd-template-in-photoshop.html
* http://speckyboy.com/2010/07/23/40-professional-and-detailed-web-layout-psd-templates/
** http://www.wpchief.com/articles/70-free-professional-psd-templates-for-web-design/

psd/css 템플릿
*http://www.freewebtemplates.com/
국내커뮤니티 http://www.sodapop.co.kr/bbs/board.php?bo_table=website&page=3&page=2
http://www.instantshift.com/2009/09/17/70-ultimate-round-up-of-free-psd-website-templates/
http://designrfix.com/freebies/psd-website-templates-free-high-quality-designs
http://www.1stwebdesigner.com/freebies/45-free-design-template-and-psd-files/
* http://visionwidget.com/tuts/webtuts/548-photoshop-web-layout-tutorials-psd-source.html

기타요소
http://tutspress.com/freebies/10-web-design-elements-templates-free/#
http://speckyboy.com/2011/04/11/50-free-psd-ui-kits-and-templates-for-web-designers/
http://www.2expertsdesign.com/photoshop/500-free-download-high-quality-photoshop-psd-files-for-designers
http://www.1stwebdesigner.com/freebies/45-sites-free-icons-and-psd-resources-for-web-design/
http://www.freshdesignweb.com/psd-web-templates-free-download.html
http://pixelcurse.com/photoshop-2/110-free-psd-web-design-elements
http://mowdesign.blogspot.com/2011/08/slick-free-ui-web-design-psd-templates.html
*** http://www.teehanlax.com/blog/iphone-gui-psd-30/
http://www.noupe.com/freebie/80-useful-psd-templates-for-designers.html

2011년 11월 15일 화요일

텀블러

http://iwillloveyoutillendoftime.tumblr.com/page/3

2011년 11월 8일 화요일

우분투 /etc/ssh/ssh_config file

우분투 /etc/ssh/ssh_config file
http://www.faqs.org/docs/securing/chap15sec121.html

2011년 11월 7일 월요일

구글 블로거에서 티스토리로 데이타 옮기기

http://yeonsh.tistory.com/89

서버에서 포트를 막아, 외부에서 웹페이지 접속이 안됐었다

실수로 서버에서 포트를 막아 외부에서 웹페이지 접속이 안됐었다.

방화벽을 설정을 했던 것 같아 방화벽을 해제하는 명령을 주었다. 결과는 실패
# service iptables stop
iptables: unrecognized service

인터넷을 찾아보니
tables -A INPUT -i eth0 -p tcp -m tcp --dport 80 -j ACCEPT
iptables -A OUTPUT -o eth0 -p tcp -m tcp --sport 80 -j ACCEPT
와 같이 명령을 주면 된단다.

검색을 통해 다음과 같은 명령어를 찾았다.
iptables -L //설정값 확인
iptables -F //설정 초기화
iptables -A INPUT -p tcp --dport 21 -j ACCEPT //21포트 열기
iptables -A INPUT -i lo -j ACCEPT //local을 모두 받기
iptables -A INPUT -p tcp --dport 1:65526 -j DROP // 1번 포트부터 65526 포트까지 닫기
service iptables save //설정값 저장

결국은 웹페이지 접속이 가능하게 되었다.
정보 출처는 http://kldp.org/node/124905
더 쉬운 내용은 http://zicman.egloos.com/2510190#4742195

2011년 11월 3일 목요일

웹접근성 검사 http://www.wah.or.kr/Achive/Kadowah.asp

http://www.google.co.kr/nexus/

익스플로러6에서 PNG24 투명하게 만들기

http://www.sodapop.co.kr/bbs/board.php?bo_table=tutorial&wr_id=24

2011년 11월 2일 수요일

넷북 유저의 웹제작 및 서버 활용

http://www.ubuntu.or.kr/viewtopic.php?f=25&t=7705

인터넷 익스플로러 6~8에서 CSS3 사용하기 - PIE

http://www.cyworld.com/yearn45/3644751

mime-type

첫번째! 서버에 .htc 의 MIME 등록

대체 이게 뭔소린가??? 싶은 분들을 위한 링크

MIME 등록하는 법은 의외로 간단합니다. 웹호스팅이나 서버호스팅을 하는 경우에는 업체에 '.htc 파일 MIME 등록해 주세요~' 라고만 하면 됩니다.

직접 서버를 운영하거나 서버를 조정해야 하는 경우에는 참고 문서를 검색해 보시는게 좋을 것 같습니다. (너무 무책임하죠? -_-;)

Apache를 쓰느냐 IIS를 쓰느냐에 따라서 설정하는 법이 다르기 때문입니다.

HTC의 타입은 text/x-component 입니다.

출처: http://sjpison.tistory.com/144

Cent O/S를 설치하고 나서 기존의 웹페이지에서 HTC 기능이 정상적이지 않는 경우가 있다.
movable.htc 나 selectbox.htc 같은 공개형 소스등이 정상동작하지 않는 증상이 나타나게 된다.

apache configure 파일에 아래의 항목을 추가하면 이 문제가 바로 해결된다.
기존의 apache는 별 문제가 없다가 버젼이 올라가면서 생긴 문제인거 같다.

AddType text/x-component .htc

출처: http://www.popome.com/?p=115

PIE 파일의 경로는 CSS 파일 기준이 아니라 보이는 웹페이지를 기준으로 정해줘야 합니다. 그래서 경로를 지정할 때 그냥 절대 경로를 넣어주면 신경 쓸 일이 없겠죠. 그리고 서버에서 "text/x-component" content-type으로 전송해야 IE가 제대로 인식한답니다.

출처: http://cssdesign.kr/forum/viewtopic.php?id=3650

첫번째 링크의 테스트 방법 대로 해보니 htc loaded라는 메시지가 나왔다. 서버의 mime types에서 text/x-component htc가 등록되어 있는 것으로 보아 서버에는 문제가 없는 것 같다. 그렇다면 파일 문제일까?

test.html을 열었을 때 알림창이 뜨면서 htc loaded 라는 메시지가 보이면 정상 작동이 되는 것입니다.

2011년 11월 1일 화요일

http://www.planet49.k 네비게이션 참고

http://www.planet49.k/ 네비게이션 참고

수정사항

젠더시스템
메인메뉴 vertical-align, 메인메뉴 rollover, 메인이미지 슬로건 위치
tail.php 사업자등록번호 수정
제작과정 메뉴 background-color: #eee;
login.skin.php 리스트 조정
register_form.skin.php 조정

kscia
login.skin.php 리스트 조정

eceramics
logo 폰트 bold, 라인 얇게 조정
메인페이지 알파벳 s삭제
탭메뉴 bullet, new아이콘 교체
<hr /> #eee로 변경
* _sub.php 첫번째 rollover 안되는 사항 조정, rollover시 font컬러 white로 조정
* 'rollover시 가장 위로 이동' 변동 없게 조정
login.skin.php/ register.skin.php페이지 상단 빈공간 제거
login.skin.php 주변 여백 반들기
pie.htc적용
mongoos
* register.skin.php에서 textarea스타일 margin조정, '확인'버튼 불필요 선택영역 제거
write.skin.php애서 focus해제

css3 라운드 박스 htc

http://sizklu.tistory.com/tag/CSS

http://siana.tistory.com/entry/CSS-%EB%B3%B5%EC%88%98%EC%9D%B4%EB%AF%B8%EC%A7%80%EC%82%AC%EC%9A%A9-%EB%9D%BC%EC%9A%B4%EB%93%9C-%EB%B0%95%EC%8A%A4css3

http://www.jemiya.com/index.php?document_srl=52829&mid=XD_Web3

2011년 10월 30일 일요일

Windows Update 설치 후 다시 시작하라는 메시지 끄기

출처 : http://knol.google.com/k/jeongwook-park/windows-update-%EC%84%A4%EC%B9%98-%ED%9B%84-%EB%8B%A4%EC%8B%9C-%EC%8B%9C%EC%9E%91%ED%95%98%EB%9D%BC%EB%8A%94-%EB%A9%94%EC%8B%9C%EC%A7%80-%EB%81%84%EA%B8%B0/1ub86jfvu4wwr/4#

2011년 10월 29일 토요일

밖에서 입어도 될 옷들을 위주로 장롱에 걸어놔야 하겠다.

2011년 10월 27일 목요일

학습의 순서도

홈짱닷컴
http://www.homejjang.com/
유투브
http://www.youtube.com/user/kuccblog#p/search/13/9_OBjO53X_g
smile virus
http://theyell.x-y.net/tmp/ws_reference.html
http://joke00.tistory.com/category/HTML
웹표준 (도서) - 레이아웃

블루비 - 레이아웃
http://www.blueb.co.kr/blueb/css_html.php?mid=26&p=2
peecky - 세부 레이아웃
http://peecky.tistory.com/category/Web%20Life
방탄웹 (도서)
A List Apart
http://tranbot.net/ALA/

http://hyeonseok.com/

*참고 (표준코딩)
http://www.relation.co.kr/html_board/board_list.php?board_id=system&board=board_system_script

서버관리
seroot.com
http://seroot.com/

리눅스

http://blog.naver.com/PostList.nhn?blogId=sol9501&categoryNo=27

vim
http://www.vim.org/download.php
컬러스킴 koehler

데이지에디터
http://www.desyedit.com/ko/downloads

파이어폭스
http://www.mozilla.or.kr/ko/

putty 포터블 한글판
http://gentooboy.tistory.com/tag/Portable

gimp
http://sourceforge.net/projects/gimp-win/files/

도서관 모니터
밝기: 35
명암: 48

디버깅 기능을 너무 과소 평가하고 있다.

디버깅 기능을 너무 과소 평가하고 있다.

원본이 있다면 원본을 통이나 그룹으로 대입해보고, 안풀린다면

css속성인 background-color와 함께 사용하자.

시간을 단축할 수 있다.

2011년 10월 26일 수요일

Select 옵션 선택 시 페이지 이동하거나 새창으로 띄우기

2011년 10월 25일 화요일

그누보드 input에 자동 커서 맞춰질때

if (typeof(wr_name) != "undefined")
wr_name.focus();
else if (typeof(wr_subject) != "undefined")
wr_subject.focus();
else if (typeof(wr_content) != "undefined")
wr_content.focus();

부분을 삭제하면 된다.

Coding Convention

http://html.nhndesign.com/markup_tools/convention

http://www.mediafire.com/?5cyf90f5nk3umt6

그누보드 홈페이지 접속시 특정 경로 url 이동

index.php의 내용을 모두 지우고 <? header("location: 주소");?>를 입력하면 된다.

2011년 10월 24일 월요일

wine 한글뷰어

http://www.bluekyu.me/2010/02/wine%EC%99%80%EC%9D%B8-%EC%84%A4%EC%B9%98-%ED%95%98%EA%B3%A0-%ED%95%9C%EA%B8%80-%EB%B7%B0%EC%96%B4-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0.html

apt-get autoremove명령를 내리고 .wine디렉토리를 삭제하고 wine을 재설치 했다. 그리고 나서 블로그에 있는 내용대로 하니 해결

2011년 10월 23일 일요일

자바스크립트로 펼치고 닫기

http://harrys.co.kr/blog/lab/74

2011년 10월 21일 금요일

공정거래위원회 표준약관 및 로고

공정거래위원회 로고 필수노출 안내
http://www.makeshop.co.kr/makeshop/newmain/notice.new.html?type=Y&date=20110810133654

공정거래위원회 표준약관 및 로고 다는 방법
http://choroku.com/288

사업자정보확인 - 공정거래위원회

http://www.ftc.go.kr/info/bizinfo/communicationList.jsp

2011년 10월 17일 월요일

퍼미션 일괄 변경

find . -type d -exec chmod 755 {} \;

find . -type f -exec chmod 644 {} \;

출처: http://www.ubuntu.or.kr/viewtopic.php?p=18441

checking for C++ compiler default output file name... configure: error: C++ compiler cannot create executables

checking for C++ compiler default output file name... configure: error: C++ compiler cannot create executables
라는 에러가 나오면

sudo apt-get install build-essential

출처: http://dev.naver.com/projects/coord/forum/1771

차트 서비스

http://charts.hohli.com/#cht=lc&chs=240x320&chd=s:&chf=bg,s,FFFFFF|c,s,FFFFFF&max=100&agent=hohli.com

http://www.chartgo.com

* http://www.icharts.net

http://www-958.ibm.com/software/data/cognos/manyeyes/

직장인을 위한 엑셀 서식 (경영및관리 파트)

http://exodus-youngsik.tistory.com/entry/%EC%A7%81%EC%9E%A5%EC%9D%B8%EC%9D%84-%EC%9C%84%ED%95%9C-%EC%97%91%EC%85%80-%EC%84%9C%EC%8B%9D-%EA%B2%BD%EC%98%81%EB%B0%8F%EA%B4%80%EB%A6%AC-%ED%8C%8C%ED%8A%B8

2011년 10월 16일 일요일

리눅스 ext4 파일복구 extundelete

리눅스 ext4에서의 파일복구

* http://www.ubuntu.or.kr/viewtopic.php?p=66861

http://blog.daum.net/zenajung/54

2011년 10월 15일 토요일

free웹폰트 css

http://www.fontsquirrel.com/fonts/list/style/Sans%20Serif/50/50

INKSCAPE 이미지 잠그기 lock

ctrl + alt + L 을 눌러서 레이어 메뉴를 띄우고 레이어를 추가한다.
레이어에 이미지를 추가하고 자물쇠 아이콘을 클릭하면 된다.

노트북용 액정보호필름

노트북용 저반사 액정보호필름을 14,000원에 샀다.
크기는는 15.4W/ 16:10/332.5x207.8m/ 1280x800
먼지 때문에 기포가 너무 많이 생겼다. 에어스프레이가 없어서 아쉬웠다. 청소기로 먼지를 흡수할 걸 그랬다.

구매한 곳
http://itempage3.auction.co.kr/DetailView.aspx?ItemNo=A553835344&cc=AA02&keyword=%bc%bc%c8%ad%20%b9%dd%bb%e7&Fwk=%bc%bc%c8%ad%20%b9%dd%bb%e7&scoredtype=0&frm2=through&acode=SRP_SV_0301

2011년 10월 12일 수요일

ubuntu 서버에 웹서버 기본설치 후 필요한 작업들 정리

출처 : 웹개발자의 이야기

아이피 추적

http://www.ip-adress.com/ip_tracer/

서버 접속자 IP별로 접속개수를 보고 싶을때 – netstat

netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n

출처: 웹 개발자의 이야기

AWstats 설치

*참조
http://www.sunghwanyoo.com/tc/59

http://mcchae.egloos.com/10515893

http://seroot.com/90

http://blog.daum.net/toddryu/80

접속 : http://domain.com/awstats/awstats.pl

2011년 10월 3일 월요일

html 로그인 폼 만들기

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<body>

<label for="pass">비밀번호</label>
<input type="password" name="pass" id="pass" title="비밀번호" value="비밀번호"/>

<input type="checkbox" name="remember" id="remember"/>

<label for="remember"> 아이디저장</label>
<input type="submit" value="로그인"/>

</fieldset>

</body>

</html>

출처: http://blog.naver.com/PostView.nhn?blogId=q1q3q5&logNo=10095194081

리눅스 사운드 포멧 변환 kde sound konverter

kde에서 사운드 포멧을 변환하려면 sound konverter를 설치한다.

http://download.opensuse.org/repositories/home:/HessiJames/xUbuntu_10.10/ 에서 i386용 deb파일을 다운받아 실행했다.

컨버팅을 하려면 별도의 코덱이 필요한데 sound koverter를 실행하고 나서 info 버튼을 눌러본다. 포멧별 필요한 코덱이 소개되어 있을 것이다. 필요한 코덱은 KpackgeKit에서 검색해서 설치하면 된다.

2011년 9월 30일 금요일

레이아웃 색상

red
magenta yellow
red

etc. cyan, green

2011년 9월 29일 목요일

그누보드 레이아웃

2011년 9월 27일 화요일

CSS float 요소 중앙 정렬 시키기

http://jsfiddle.net/E2aVK/

http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=74325

2011년 9월 22일 목요일

서버 사이트 enable

11) 사이트 enable

#a2ensite 계정
#/etc/init.d/apache2 reload

그래프 체크리스트

가격 먼저

사전작업

1.5개의 일

단계

하루 물 다섯잔

5:30~7:30 기상

30분 명상

12~2시 점심식사

30분 학습

30분 작업
화 안내기
낮잠 안자기
야한거 안보기

100년의 기업

아홉가지 항목당 배점 : 9

2011년 9월 21일 수요일

쿠분투 사용 지침 메뉴얼

데스크톱 테마는 G-REMIX로 교체

유니버설 디자인을 위한 실전 UI(HTML/CSS)개발 가이드

나라디자인

http://www.mediafire.com/?85s8aqkc9alke2l

2011년 9월 20일 화요일

그누보드 좌측 메뉴가 안나온다.

왼쪽 메뉴면 head.php 맨 하단쪽에.. 이런식으로 해당 페이지만 노출 되게 조건문으로 잡혀있으실거에요
<? if($_SERVER[PHP_SELF]!="index.php"){ ?>....

뭔가 따라하시려다가 ..잘못하신듯..
<?
include_once("./_common.php");
include_once("$g4[path]/head.php");
?>
대도록이면 매뉴얼을 꼼꼼히 일어보시고 시도하세요
그리고 참고로 common.php위치를 수정하시면 그에 맞에 전체로 잡아줘야하겠죠
폴더안에 넣었으면 common.php를 .. 으로 부르는게 맞습니다.ㅏ
<?
include_once("$g4[path]/tail.php");
?>

두가지 내용의 답변이 달렸다. 두번째 문제는 아니다. 첫번째 나온 내용을 head.php에서 보니 상기와 같은 코드를 찾아볼 수 없다.

html css 코딩에 도움이 되는 웹표준 메뉴얼

웹표준 가이드 DAUM

웹표준 가이드 NHN

제너 웹스타일 가이드

블루비

밤늦게 무리하게 운동하면

다음날 아침에 정신 못차린다.

2011년 9월 19일 월요일

그누보드 일반페이지 head tail 적용

<?
$g4_path = ".."; // common.php 의 상대 경로
include_once("$g4_path/common.php");
include_once("$g4[path]/_head/head.php");

?>

<table>
내용
</table>

<? include_once("$g4[path]/_tail.php"); ?>

출처: 그누보드

구글 블로거 삭제

http://ask.nate.com/qna/view.html?n=9776605

돌핀 파일관리자 미리보기 안될 때

돌핀 설정> 일반 > 미리보기에서 파일제한 크기를 조정할 것

2011년 9월 16일 금요일

심미성 > 매칭 > 아이디어

시간을 아끼려면 작업 이미지를 확보해 놓아야 한다.

웹에서 마음에 드는 공산품 혹은 그래픽적인 이미지를 찾기 어렵다.

시간을 아끼려면 작업 이미지를 확보해 놓아야 한다.

css id와 class의 차이점

id는 한개의 태그에만 지정할 수 있다.
이와 달리 class는 복수의 태그에 지정할 수 있다.

그래서 id는 #wrap, #header, #container, #footer에 사용하고, 그 외의 요소인 .navi, .side 같은 요소에는 class를 적용 한다.

그래픽 도구를 다룰 때 기본이 가장 중요하다.

그래픽 도구를 다룰 때 기본이 가장 중요하다

기본에서 응용이 나온다. 기본을 익히기 위해 메뉴얼을 확보하자.

가급적 한개 페이지에 이미지를 두개 이상 넣지 말자.

가독성을 위해서 한개 페이지에 이미지를 두개 이상 넣지 말자.

두개의 이미지를 넣어야 한다면 하나로 줄이고, 세개의 이미지를 넣어야 한다면 두개로 줄이자.

html 위로 가기 링크

위로 가기 링크
<a href="#">위로</a>

특정 위치로 가기 링크
<a name="abc"></a>
.
.
.
.
<a href="#abc">위로</a>

2011년 9월 15일 목요일

css 이름, 명칭

css를 나눌 때,

/*navigation*/
.navi span
.navi td a

/*content*/
.content table

식으로 해서 css 명칭을 명확히 해야 겠다.

font (폰트)의 속성을 한번에 정의하기

폰트의 속성을 한번에 정의하기

font-style font-variant font-weight font-size/line-height font-family 순으로 정의 한다.

font-size, font-family는 필수이며, 다른 속성은 옵션으로 정의 하지 않아도 된다.

전체지정
<style>
{font : italic inherit bold 11pt verdana}
</style>

간단지정
<style>
{font : 11pt verdana }
</style>

2011년 9월 14일 수요일

웹호스팅

호스트IT의 경우 도메인만 신청하면 웹호스팅과 웹 메일을 무료로 제공하는데
1인 7G까지 무료로 사용이 가능합니다~

출처: 호스트잇story

쿠분투 잘 사용하는 법

어플리케이션이나 데스크톱 전환기를 실행할 때, 단축키를 사용하면 상당히 편리하다.
크롬 alt+c, 파이어폭스 alt+f, 시스템관리 alt+s 식으로 적용한다.
데스크톱 전환기는 ctrl+f1, ctrl+f2가 기본 단축키 이다.

덧붙여서, yakuake나 amarok같은 kde 전용 어플리케이션을 사용해야 시스템이 무리없이 잘 작동한다.

티스토리 도저히 못쓰겠다.

관리자 인터페이스가 복잡. 그리고 구글 블로그 서비스인 블로거(blogger)에서 내보낸 xml을 불러오지 못하고 각종 오류를 낸다. 블로거에서 티스토리로 이사하려면 일명 '꼼수'라는 방법을 사용해야 할 것으로 보인다. (정신적으로 이롭지 못한 방법이겠지만 말이다.)

그러나 모바일페이지에서 글작성 가능한 것은 장점이다. (블로거도 어플을 통해서 글작성을 할 수 있기는 하다.)

2011년 9월 13일 화요일

우분투 포럼 운영진 인터뷰

임베디드 분야 기술 및 개발 이슈

이공계 공돌이, 개발자로 살아남는 법

개발자가 우분투를 알아야 하는 이유 강분도

차니의 강의 동영상 및 자료 총정리

출처 : 차니의 강의 동영상 및 자료 총정리

사이트제작 6대 법칙

네비게이션(Navigation)

가독성(Readability)

양식의 사용(Form Use)

접근성(Accessibility)

성능(Performance)

유지보수성(Maintainability)

출처: 프 디 커

pre태그 사용하면 글자가 레이아웃 밖으로 나간다.

pre태그 사용하면 글자가 레이아웃 밖으로 나간다. 그냥 pre태그를 적용하지 않는게 낫다.

blockquote 태그

blockquote 태그는 인용문 혹은 인용구를 나타낼 때 사용하는 태그라고 한다.
block은 덩어리, 막다라는 뜻. quote은 '인용하다' 라는 뜻이다. 합치면 인용 덩어리라는 뜻이 나온다. 그러므로 css를 적용할 수도 있다.

blockquote {
background-color:#F4F5F7;
border:1px dashed #CCC;
padding:8px 8px 8px 8px;
margin:5px 0;}

출처: mclee's blog

<p>나 <div> 같은 형님 (block) 태그로 감싸주어야 한다. 만약 <blockquote> 태그 안에 그냥 글자만 넣었거나 아우 (inline) 태그로만 감쌌다면 웹 표준 검사에서 오류라고 나온다.

출처: 황씨건축

cite속성값을 통해 내용의 출처를 밝힐 수도 있다. (물론 오프라인이 아닌, 온라인 출처) 여기서
cite도 역시 '인용하다'라는 뜻.
<blockquote cite="http://news.mt.co.kr/mtview.php?no=2011091310033429964">
KT (37,400원

750 -2.0%)는 삼성전자, LG전자와 협력해 중장년층이 보다 쉽고 편리하게 스마트폰을 이용할 수 있도록 하는 전용 UI(사용자환경)를 선보인다고 13일 밝혔다.
이에 따라 삼성전자의 갤럭시S에는 '큰글씨 홈', LG전자 옵티머스 블랙에는 '이지(Easy) 홈'이라는 이름으로 UI가 탑재된다.
</blcokquote>

드롭다운메뉴에 운좋게 웹표준이 적용됐다.

홈페이지 디자인시 배경컬러를 적용하면 편하다.

홈페이지 디자인시 처음부터 끝까지 배경컬러를 적용하면 편하다.
red, yellow가 검정 글자가 대비되어 가독성이 좋은 것 같다.

스팸 문자 차단 목록

capital
릴껨
c0m
무_료
카_지노
바다 이야기
선거정보
선거운동본부
성인온라인
대박게임
바^둑이
포^커
비*아
무료머니
그ㄹr
초고속인터넷
실머니
금.융
현금행사
지금가입
무방문
대*출
대^출
대/출
대_출
대.출
080
벳팅
하나금융
릴겜
고^래
상^어
無
애인대행
$
여대생
연^타
↘
◑
◐
㉳
㉸
/
비아
연타
잭팟
최저
♠
이벤
카라
거부
↗
☜
당일
신규
◆
□
①
②
③
④
⑤
⑥
⑦
⑧
⑨
⑩
☆
◈
★
♣
♨
▶
☞
☎
정보료
국내최대

스팸문자 차단 목록
사행성 게임, 성, 대출과 관련 상품들이 대부분 이었다.
KT를 사용중이라 올레 모바일 사이트에서 스팸문자등록을 하였다.

2011년 9월 11일 일요일

크로스 브라우징 테스팅 툴

Tool	Number of browser versions supported	IE?	Interactive testing?	Side-by-side testing?	Pricing
Adobe BrowserLab	13	IE6+	No	Yes	Free
Browsershots	60+	IE6+	No	No	Free
SuperPreview	Varies	IE6+	Yes	Yes	Free
Lunascape	3	IE6+	Yes	Yes	Free
IETester	6 versions of IE	IE5.5+	Yes	Yes	Free
IE NetRenderer	5 versions of IE	IE5.5+	No	No	Free
Spoon	16+	no IE	Yes	No	Free
Sauce Labs	40+	IE6+	Yes	No	Free — $499 per month
Browsera	9	IE6+	No	Yes	Free – $99/month
Browserling	9	IE5.5+	No	No	Free – $20/month
Mogotest	7+	IE6+	No	Yes	$15 – $4,499/month
Cloud Testing	4+	IE6+	Yes	Yes	Not specified
BrowserCam	90+	IE5.2+	Yes	Yes	$19.95 – $89.95/month
Multi-Browser Viewer	80+	IE6+	For some browsers	Yes	$139.95
CrossBrowserTesting	100+	IE6+	Yes	Yes	$29.95 – $199.95/month

다양한 브라우저를 지원하고 인터렉티브와 라이센싱이 자유로운 툴을 추리면
Lunascape, SuperPreview이다.

그러나 둘다 .exe포멧 설치형이라 리눅스에서는 무리이다. 개인적으로 무설치, 속도, 로그인이 필요치 않은 점으로 불때 IE NetRenderer 가 가장 편하다.

data source : www.smashingmagazine.com
크로스 브라우징 테스팅 툴

kate 에디터 단축키

F11 : 줄 번호 표시

ctrl + G : 줄 번호 찾기

ctrl + F : 문자열 찾기

ctrl + R : 바꾸기

ctrl + D : 주석 적용

2011년 9월 9일 금요일

접속 통계

구글 Analytics를 이용하여 방문자수, PV, 검색유입사이트 등의 통계를 보기도 하고, 기업에 따라서는 소셜미디어 키워드 분석 툴을 도입하기도 합니다.

출처: http://xenerdo.com/706#.TmoQ4qWfk1I

홈페이지에 다음지도 달기

http://dna.daum.net/apis/maps/v3
https://apis.daum.net/register/myapi.daum

<!DOCTYPE html>
<html>
<head>
<title>Hello, World!</title>
<meta name="viewport" content="initial-scale=1.0,user-scalable=no">
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map { width: 100%; height: 100% }
</style>
<script type="text/javascript" src="http://apis.daum.net/maps/maps3.js?apikey=다음 API서버에서 받은 인증키" charset="utf-8"></script>
<script type="text/javascript">

window.onload = function() {
var position = new daum.maps.LatLng(사용자 위도값, 사용자 경도값);
var map = new daum.maps.Map(document.getElementById('map'), {
center: position,
level: 4,
mapTypeId: daum.maps.MapTypeId.ROADMAP
});

/*기본마커*/
var marker = new daum.maps.Marker({
position: position
});
marker.setMap(map);
var zoomControl = new daum.maps.ZoomControl();
map.addControl(zoomControl, daum.maps.ControlPosition.RIGHT);
var mapTypeControl = new daum.maps.MapTypeControl();
map.addControl(mapTypeControl, daum.maps.ControlPosition.TOPRIGHT);

/*인포윈도우*/
var infowindow = new daum.maps.InfoWindow({
content: '<p style="margin:7px 12px;font-size:12px">인포윈도우만 띄울 수도 있습니다.</p>'
});

daum.maps.event.addListener(marker, "click", function() {
infowindow.open(map, marker);
});

daum.maps.event.addListener(map, "click", function() {
infowindow.close();
});
};
</script>
</head>
<body>
<div id="map" style="width:600px;height:600px;"></div>
</body>
</html>

홈페이지에 트위터 달기

http://www.readwriteweb.com/archives/10_twitter_list_widgets_you_can_grab_embed_right_n.php

테이블에서 table-layout:fixed 적용시 td가 동일한 크기로 나눠질 때

파이어폭스 브라우저 사용시

테이블 table-layout:fixed와 <td>의 속성값인 colspan 혹은 rowspan을 동시 적용했을 때
개별 <td>가 동일한 크기로 나눠진다. 아무리 개별 <td>에 <td width="300"><td width="100">으로 적용해봐도 width값이 변하지 않는다.

그럴 땐, <col width="300"><col width="100">을 적용해야 한다.
<html>
<body>
<table width="400px" cellpadding="0" cellspacing="0" style="table-layout:fixed">
<tr>
<td colspan="2" bgcolor="red">ABCDEFG</td>
</tr>
<tr><col width="300"><col width="100">
<td bgcolor="yellow">ABCDEFG</td>
<td bgcolor="blue">ABCDEFG</td>
</tr>
</table>
</body>
</html>

2011년 9월 8일 목요일

구독 블로그

호스트잇 Story
지오닷컴
제너시스템즈
Metabrain
Channy's Blog
NARADESIGN
이미지존

도구: 파이어폭스 Brief

오픈 폰트/ 오픈 글꼴

함초롱체 (글꼴 출처 표기 권장)
http://www.hancom.co.kr/downLoad.downView.do?targetRow=1&seqno=3136&mcd_save=005

나눔글꼴, 나눔글꼴코딩
http://hangeul.naver.com/share.nhn

렉시굴림
http://kldp.net/projects/linuxlexifont/

렉시새봄
http://kldp.net/projects/linuxlexifont2

문화부 글꼴 (글꼴 저작권 명시 미확인)
http://faq.ktug.or.kr/faq/%B9%AE%C8%AD%BA%CE%B1%DB%B2%C3

리눅스용 백묵폰트
http://kldp.net/projects/baekmuk/download

한양굴림
(구하지 못함)

은글꼴
http://kldp.net/projects/unfonts/kle.kldp.org/main/UnFonts

은진체
http://minicube.tistory.com/130

조선일보 명조체 (글꼴 저작권 명시 미확인)
http://mylord.kr/2460458

※ TTF는 일반 사용자용, ODF는 그래픽 디자인 전문가용

※상기 폰트 모음
http://www.mediafire.com/?uwyu6fo1y65w7su

※ 기타 공개글꼴
http://ko.wikipedia.org/wiki/%EC%88%9C%EC%B2%9C%ED%96%A5%EC%B2%B4

※도움 받은 곳
http://www.ubuntu.or.kr/viewtopic.php?f=6&t=8239&sid=6b12aa90502c3595795253d3f38a3a91&start=20

2011년 9월 4일 일요일

qmail설치

centOS
http://huikyun.tistory.com/279

우분투 qmail + vpopmail + qmailadmin + ezmlm 설치

http://embeddedandroid.tistory.com/20

qmail 컴파일 make: *** [qmail-remote.o] 오류 1

root@server:/usr/local/src/qmail/netqmail-1.05/netqmail-1.05# make
./compile qmail-remote.c
In file included from qmail-remote.c:53:
tls.h:4:25: error: openssl/ssl.h: No such file or directory
In file included from qmail-remote.c:53:
tls.h:7: error: expected ‘=’, ‘,’, ‘;’, ‘asm’ or ‘__attribute__’ before ‘*’ token
tls.h:9: error: expected ‘)’ before ‘*’ token
In file included from qmail-remote.c:54:
ssl_timeoutio.h:8:3: error: #error "Need OpenSSL version at least 0.9.6"
In file included from qmail-remote.c:54:
ssl_timeoutio.h:11: error: expected declaration specifiers or ‘...’ before ‘SSL’
ssl_timeoutio.h:12: error: expected declaration specifiers or ‘...’ before ‘SSL’
ssl_timeoutio.h:13: error: expected declaration specifiers or ‘...’ before ‘SSL’
ssl_timeoutio.h:15: error: expected declaration specifiers or ‘...’ before ‘SSL’
ssl_timeoutio.h:16: error: expected declaration specifiers or ‘...’ before ‘SSL’
ssl_timeoutio.h:19: error: expected declaration specifiers or ‘...’ before ‘SSL’
qmail-remote.c:55:29: error: openssl/x509v3.h: No such file or directory
qmail-remote.c: In function ‘saferead’:
qmail-remote.c:128: error: ‘ssl’ undeclared (first use in this function)
qmail-remote.c:128: error: (Each undeclared identifier is reported only once
qmail-remote.c:128: error: for each function it appears in.)
qmail-remote.c:129: warning: passing argument 5 of ‘ssl_timeoutread’ makes integer from pointer without a cast
ssl_timeoutio.h:15: note: expected ‘int’ but argument is of type ‘char *’
qmail-remote.c:129: error: too many arguments to function ‘ssl_timeoutread’
qmail-remote.c: In function ‘safewrite’:
qmail-remote.c:141: error: ‘ssl’ undeclared (first use in this function)
qmail-remote.c:142: warning: passing argument 5 of ‘ssl_timeoutwrite’ makes integer from pointer without a cast
ssl_timeoutio.h:16: note: expected ‘int’ but argument is of type ‘char *’
qmail-remote.c:142: error: too many arguments to function ‘ssl_timeoutwrite’
qmail-remote.c: In function ‘quit’:
qmail-remote.c:269: error: ‘ssl’ undeclared (first use in this function)
qmail-remote.c:269: error: ‘SSL_ST_BEFORE’ undeclared (first use in this function)
qmail-remote.c:270: error: ‘SSL_ST_OK’ undeclared (first use in this function)
qmail-remote.c: In function ‘tls_quit’:
qmail-remote.c:337: error: ‘ssl’ undeclared (first use in this function)
qmail-remote.c: At top level:
qmail-remote.c:353: error: expected declaration specifiers or ‘...’ before ‘X509_STORE_CTX’
qmail-remote.c: In function ‘tls_init’:
qmail-remote.c:358: error: ‘SSL’ undeclared (first use in this function)
qmail-remote.c:358: error: ‘myssl’ undeclared (first use in this function)
qmail-remote.c:359: error: ‘SSL_CTX’ undeclared (first use in this function)
qmail-remote.c:359: error: ‘ctx’ undeclared (first use in this function)
qmail-remote.c:392: error: ‘ssl’ undeclared (first use in this function)
qmail-remote.c:405: error: ‘NULL’ undeclared (first use in this function)
qmail-remote.c:411: error: ‘SSL_VERIFY_PEER’ undeclared (first use in this function)
qmail-remote.c:417: error: ‘SSL_FILETYPE_PEM’ undeclared (first use in this function)
qmail-remote.c:457: error: too many arguments to function ‘ssl_timeoutconn’
qmail-remote.c:461: error: ‘X509’ undeclared (first use in this function)
qmail-remote.c:461: error: ‘peercert’ undeclared (first use in this function)
qmail-remote.c:462: error: ‘GENERAL_NAME’ undeclared (first use in this function)
qmail-remote.c:462: error: ‘gens’ undeclared (first use in this function)
qmail-remote.c:465: error: ‘X509_V_OK’ undeclared (first use in this function)
qmail-remote.c:467: warning: passing argument 2 of ‘tls_quit’ makes pointer from integer without a cast
qmail-remote.c:335: note: expected ‘const char *’ but argument is of type ‘int’
qmail-remote.c:479: error: ‘NID_subject_alt_name’ undeclared (first use in this function)
qmail-remote.c:483: error: expected ‘=’, ‘,’, ‘;’, ‘asm’ or ‘__attribute__’ before ‘*’ token
qmail-remote.c:483: error: ‘gn’ undeclared (first use in this function)
qmail-remote.c:484: error: ‘GEN_DNS’ undeclared (first use in this function)
qmail-remote.c:487: error: ‘GENERAL_NAME_free’ undeclared (first use in this function)
qmail-remote.c:493: error: ‘X509_NAME’ undeclared (first use in this function)
qmail-remote.c:493: error: ‘subj’ undeclared (first use in this function)
qmail-remote.c:494: error: ‘NID_commonName’ undeclared (first use in this function)
qmail-remote.c:496: error: expected ‘=’, ‘,’, ‘;’, ‘asm’ or ‘__attribute__’ before ‘*’ token
qmail-remote.c:496: error: ‘s’ undeclared (first use in this function)
make: *** [qmail-remote.o] 오류 1

libssl-dev를 설치해준다.
sudo apt-get install libssl-dev

출처: http://ubuntuforums.org/showthread.php?t=423314