Web 프로그래밍

CSS 20가지 유용한 팁

Web 프로그래밍 /

출처 : http://cafe.naver.com/hacosa/19081 1.Use Reset.css   ff, ie 등 브라우져가 처리 하는 방법이 다릅니다. 동일하게 재설정 할 필요가 있습니다.   프레임워크가 사용하는 몇몇 reset.css 안내   야후 reset CSs : http://developer.yahoo.com/yui/reset/Eric Meyer’s CSS Reset : http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/Tripoli : http://devkick.com/lab/tripoli/ 2. Use Shorthand CSS ( css 문장을 짧게 표시 )   .header {      background-color: #fff;      background-image: url(image.gif);      background-repeat: no-repeat;      background-position: top left;     }   위 css 를  아래처럼 변경 할 수 있습니다. .header […]

CSS 20가지 유용한 팁 더 읽기"

[CSS] 자주쓰는 속성 요약 정리

Web 프로그래밍 /

출처 : http://durst.tistory.com/94 ■ Box Model width (너비) width: 250px; height (높이) height: 100px; border (경계선) border: 5px solid #6374AB; border: 5px solid gray; margin 방법1)    margin : 10px  20px  30px  40px ;    (상/ 우/ 하/ 좌) 방법2)    margin : 10px  20px ;    (상=하/ 우=좌) 방법3)    margin : 10px ;        (상=우=하=좌) 방법4)   

[CSS] 자주쓰는 속성 요약 정리 더 읽기"

CSS 선택자(Selector)와 우선 순위

Web 프로그래밍 /

출처 : http://circlash.tistory.com/570 선택자란 CSS에서 스타일을 적용할 대상을 정의하는 기능을 한다. CSS의 세부 스타일 적용에 대해 알고 있어도 선택자를 알지 못하면 내가 원하는 부분에 스타일을 적용할 수 없다. 그러나 많이 사용되는 몇 가지만 기억하면 간단하게 사용할 수 있다. 기본적인 스타일 지정 방법은 다음과 같다. [태그나 class, id 이름=선택자] {속성:값} 1. 선택자 종류 선택자는 크게 다음과 같이

CSS 선택자(Selector)와 우선 순위 더 읽기"

HTML5, CSS 스터디 링크

Web 프로그래밍 /

http://kiara77.tistory.com/176 http://xeguidebook.com/Html5_css3 HTML5 시리즈 강좌 리스트[HTML5강좌] 1. HTML5 개요[HTML5강좌] 2. HTML4 vs HTML5 (1)[HTML5강좌] 3. HTML4 vs HTML5 (2)[HTML5강좌] 4. Sementic Element (1)[HTML5강좌] 5. Sementic Element (2)[HTML5강좌] 6. Strong Web Form[HTML5강좌] 7. Rich Text Edit API[HTML5강좌] 8. Video Element[HTML5강좌] 9. Audio Element[HTML5강좌] 10. Canvas Element[HTML5강좌] 11. Drag & Drop API[HTML5강좌] 12. Offline Web Application[HTML5강좌] 13.

HTML5, CSS 스터디 링크 더 읽기"

HTML5 태그 일람표

Web 프로그래밍 /

출처 : http://xeguidebook.com/Html5_css3/1006 ■ HTML5에 새로 추가된 태그와 삭제된 태그 태그 속성 설명 버전 <!– –> – 주석 comment    4 / 5 <DOCTYPE> – 문서 형식 docment type 4 / 5 <a>   href=”URL” hreflang name=”이름” media ping rel taget=”_blank” , “_parent” , “_self” “_top” type 하이퍼링크  hyperlink 하이퍼링크로 호출되는 파일 경로   중간 부분을

HTML5 태그 일람표 더 읽기"

CSS3 요약 정리

Web 프로그래밍 /

출처 : http://trendition.tistory.com/ (웹표준가이드) nth-child div p:nth-child(n) :  div 요소안에서 n번째 자식 요소인 p요소에 스타일 적용   div p:nth-child(odd), div p:nth-child(2n+1) :  홀수번째 자식 요소 div p:nth-child(even), div p:nth-child(2n) :   짝수번째 자식 요소   div p:first-child: 첫번째 자식요소 div p:last-child: 마지막 자식요소            속성 셀렉터 Selector [attribute^=value] :  속성이 value 로 시작하는 항목 Selector [attribute$=value] :  속성이 value 로 끝나는 항목  Selector [attribute*=value] :  value 가 포함되는 항목   

CSS3 요약 정리 더 읽기"

검색엔진 sphinx 사용방법

Web 프로그래밍 /

소개 MySQL에서 데이터 검색시 데이터가 많은 경우 자료를 검색하는데 소모되는 시간이 크다. MySQL의 데이터를 별도의 검색엔진이 인덱싱하여 인덱싱을 검색함으로서 시간 소모를 줄일 수 있다. 여기서는 오픈소스 프로그램인 Sphinx 검색 엔진을 도입해보고, Sphinx 검색엔진과 MySQL, 그리고 PHP와 함께 사용해도록 한다. 설치 환경 OS : Debian 7 64Bit S/W : MySQL : 5.6.11 / PHP 5.4.4-14 설치할

검색엔진 sphinx 사용방법 더 읽기"

타이머 표시 예제

Web 프로그래밍 /

<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”><html><head>    <meta content=”text/html; charset=EUC-KR” http-equiv=”content-type”>    <title>TEST</title></head> <body>    <div>남은시간:</div>    <div id=”timer_msg”></div></body></html> <script language=”javascript”>    <!–    /* lifetime을 수정하여 최초 남은시간을 정의 */    var lifetime = 60;    var hour, min, sec;     /* 초단위 시간을 시/분/초로 분리하여 계산 */    function calc_time() {        hour = Math.floor(lifetime / 3600);        min = Math.floor(lifetime / 60

타이머 표시 예제 더 읽기"

개발자를 위한 FireFox 설치 후 필수 추가도구

Web 프로그래밍 /

1. Firebug 제작자 : Joe Hewitt, Jan Odvarko, robcee, FirebugWorkingGroup 파이어버그(FireBug)는 파이어폭스 확장 모듈로 jQuery개발에 꼭 필요한 도구이다. https://getfirebug.com/ 2. Web Developer 제작자 : Chris Pederick 파이어버그의 DOM 인스펙터 기능뿐만 아니라, 쿠키 조작, 폼 상세검사, 페이지 크기 조정 등 다양한 작업들을 지원하는 도구들을 포함하고 있다. 이 툴바를 사용하여 손쉽게 자바스크립트를 비활성화시켜, 사용자 브라우저가 자바스크립트를 지원하지

개발자를 위한 FireFox 설치 후 필수 추가도구 더 읽기"

tomcat+mysql 설치

Web 프로그래밍 /

1. JDK를 설치한다. 2. PATH에 C:\Program Files\Java\jdk1.6.0_12\bin 을 추가한다. 3. CLASSPATH=C:\Program Files\Java\jdk1.6.0_12\lib\tools.jar 환경변수 추가 4. tomcat 설치 5. mysql 설치 6. mysql-connector-java-x.x.x-bin.jar 다운로드 7. mysql-connector-java-5.0.7-bin.jar -> c:\Program Files\Apache Software Foundation\Tomcat 5.5\common\lib\ 에 복사 8. Tomcat 5.5/conf/server.xml에서 <Service name=”Catalina”>~</Service>밑에 아래와 같이 호스트별로 추가시켜 준다.       <!– localhost 호스트 추가 (기본적으로 있음) –>     

tomcat+mysql 설치 더 읽기"

MySQL 동시 접속수 500 이상으로 늘리기

Web 프로그래밍 /

MySQL 은 기본적으로 동시 접속수가 500 connection 이하에 최적화가 되어 있다.  MySQL 홈의문서 중 http://www.mysql.com/doc/L/i/Linux.html 문서에 의하면, 500 connection 이상을 설정 할 경우 glibc 의 linuxthreads 에 패치를 하지 않았을 경우 상당히 불안하다고 보고 되고있다. 이 문서에서는 이 문제에 관한 부분을 언급하게 된다. 동시 접속수 500 이상을 위해서는 일단glibc 를 리빌드해야 하며, 재컴파일된 libpthread.a 를

MySQL 동시 접속수 500 이상으로 늘리기 더 읽기"

자바스크립트의 모든것

Web 프로그래밍 /

HTML에 JavaScript 삽입<script language=”javascript”>JavaScript Statements</script> HTML에 JavaScript 코드 파일 삽입<script language=”javascipt” src=”src.js”></script> 변수의 대소문자 구분 변수에 포함된 데이터의 형을 지정하지 않고, JavaScript 인터프리터가 변수에 포함된 데이터 형을 추적하고 변환. JavaScript 데이터 형 숫 자 형 : 정수와 부동 소수 BOOLEAN : true, false STRING : 작은 따옴표나 큰 따옴표에 들어가 있는 값으로, 특수문자 포맷 사용시에는

자바스크립트의 모든것 더 읽기"

위로 스크롤