【PHP】 DIRECTORY_SEPARATOR 사용 이유
PHP에서 DIRECTORY_SEPARATOR 상수를 사용하는 이유를 예제를 통해서 알아봅니다. 이 상수가 존재하는 이유는 운영체제별로 경로 구분자가 다르기 때문입니다. 윈도우는 역슬래쉬(\)를 사용하는 반면, 맥과 리눅스는 정슬래쉬(/)를 사용합니다.
【CSS】 상속의 의미
CSS에 사용되어 지는 프로퍼티들은 상속 가능한 것들과 상속 불가능한 것들로 구성됩니다. 상속의 의미를 알아보기 위해 상속 가능한 프로퍼티 color와 상속 불가능한 프로퍼티 margin을 이용한 예제를 통해 알아보겠습니다.
【CSS】 인라인 (inline) 또는 인라인-블록 (inline-block) 요소들 사이에 생기는 빈 공간 제거하는 5가지 방법
CSS에서 inline 또는 inline-block 요소들 사이에 생기는 빈 공간이 생기는 이유를 설명하고, 그 해결 방법을 알아봅니다. 그리고 이러한 문제가 생기는 실무적인 예제도 알아봅니다.
【CSS】 글자 세로 정렬하기 | vertical-align
CSS의 vertical-align에 대해서 알아봅니다. vertical-align은 줄 안에서 글자들의 수직방향으로 정렬을 시킬 때 사용합니다. 따라서 줄의 개념이 선행되어야 하고, 줄 안에 8가지의 정렬선에 대해서 알아봅니다.
【워드프레스】 사이드바에 PHP 코드 넣는 방법
워드프레스의 사이드바에 PHP 코드를 넣을 수 있습니다. 여기서 소개할 방법은 functions.php 파일에서 텍스트 위젯에 관한 코드를 수정하여, 입력된 PHP 코드를 실행하게 만드는 방법입니다.
【워드프레스】 이미지 사이즈별 URL 주소 찾기
이미지를 워드프레스에 올릴 때, 업로딩한 이미지 크기 말고도 다양한 크기로 저장된다. 하지만 워드프레스 기본설정 상으로는 업로딩한 크기의 URL만 확인할 수 있다. functions.php를 수정을 해주면, 사이즈 별로 URL 주소를 확인할 수 있다.
【CSS】 SNS 아이콘을 글자로 만드는 방법
Font Awesome을 이용하면 페이스북, 트위터, 인스타그램, 유튜브 등과 같은 SNS 아이콘을 쉽게 만들 수 있다. 직접 이미지를 다룰 필요없이, CSS파일 CDN을 다운받기만 하면, 간편하게 아이콘을 만들 수 있다.
CSS table 기본 CSS 설정값 (Default CSS setting)
브라우저에 설정된 table 요소의 기본 CSS 설정값에 대해 완벽히 정리한다. 워드프레스와 같이 CSS 스타일이 설정된 곳에서, 기본 스타일의 테이블을 만들 때 사용되어 질 수 있다.
【CSS】 div 사이에 생기는 공백 제거 방법 Sub-Pixel Rendering Bug
div의 content와 border 사이에 발생하는 공백은 sub-pixel rendering 버그에 의해서 발생한다. 이러한 공백을 outline으로 메꾸는 방법을 예제를 통해서 단계별로 알아본다.
HTML 테이블(Table)의 기본 구조
HTML 테이블의 기본 구조는, table 아래에 caption과 3 가지의 행 단위(thead, tbody, tfoot)이 위치한다. 이러한 행 단위 아래에 테이블 행(tr)이 위치하고, tr 아래에 테이블 셀(th, td)가 위치할 수 있다.