최근 글

css tutorial how to enlarge an image when mouse over 01

CSS / Tutorial / 마우스 호버 효과 / 이미지 확대하는 방법

이미지에 마우스를 올렸을 때 이미지가 확대되는 효과를 만들어보겠습니다. 다음과 같이 이미지가 들어간 간단한 HTML 문서를 만듭니다.

php reference number format 01

PHP / Reference / number_format()

number_format() 함수는 숫자를 지정된 형식에 맞춰 문자열로 변환하는 데 사용됩니다. 이 함수는 특히 숫자를 자릿수에 따라 콤마(쉼표)로 구분하거나 소수점을 지정할 때 유용합니다. PHP 4 이상에서 사용할 수 있습니다.

css tutorial how to center align when the position value is fixed 01

CSS 강좌 / position의 값이 fixed일 때 가운데 정렬하는 방법

position의 fixed를 이용하여 요소의 위치를 고정시킬 수 있습니다. 예를 들어 상단에 고정되는 메뉴바를 만들 때 사용합니다. 그런데, fixed를 하면 요소가 한쪽으로 치우칩니다. 만약 가운데에 위치시키고 싶다면 어떻게 할까요? transform 속성으로 해결할 수 있습니다.

HTML 요소들 가운데 클래스, ID, 속성에 따라 서로 다른 요소가 강조된 일러스트

CSS 강좌 / 기본 선택자 - 요소, 클래스, ID, 속성

요소·클래스·ID·속성 선택자를 같은 HTML에 적용해 대상과 결과를 비교합니다. 복합 클래스, 공백으로 구분한 속성값, 필수 입력칸을 포함한 전체 예제와 선택자 수정 실습을 제공합니다.

php reference empty 01

PHP / Reference / empty()

empty() 함수로 변수가 비어있는지 검사합니다. PHP 4 이상에서 사용할 수 있습니다. 비어있다면 TRUE, 비어있지 않다면 FALSE를 반환합니다.

php reference isset 01

PHP / Reference / isset()

isset으로 변수가 설정되었는지 확인할 수 있습니다. PHP 4 이상에서 사용할 수 있습니다.

featured image php

PHP / Tutorial / 문법

PHP 코드는 HTML 문서에 넣습니다. 이를 실행하기 위해서는 어느 부분이 PHP 코드인지 알려줘야 합니다. PHP 코드 부분을 명시하기 위한 방법은 여러 가지가 있는데, 보통 [방법 1]을 사용합니다.

Featured Image jQuery

jQuery / Reference / .unwrap()

직접 부모를 조건부로 제거하면서 자식과 형제를 보존하는 방법, 스타일·이벤트·복원 시 주의점을 설명합니다.

css reference border spacing 01

CSS / Reference / border-spacing

표 셀의 가로·세로 간격을 지정하고 padding과 구분합니다. separate·collapse 및 간격 0의 차이를 같은 표에서 비교합니다.

Featured Image jQuery

jQuery / Reference / .slideToggle()

내용의 접기·펼치기를 전환하는 예제와 버튼 상태 연결, 효과 큐 및 전체 완료 처리 방법을 설명합니다.