매니지드 워드프레스 가비아 2차 주소로 도메인 설정
가바아에서 도메인을 구매하여 사용중인데 카페24의 매니지드 워드프레스의 가격이 일단 가볍게 시작하기에는 나쁘지 않아 가입했습니다. 참고로 가격은 아래와 같습니다. 저는 부담이 적은 빌드업으로 구매를 했습니다. 물론 초기에는 설치비 만천원이 추가되어 12,100원을 … 더 읽기
IT
IT
티스토리 블로그에 파비콘 설정과 .ico 파일 변환하기
블로그를 운영하면서 사용자들에게 전문적이고 독특한 이미지를 제공하고 싶다면 파비콘 설정은 빠질 수 없는 과정입니다. 파비콘의 개념부터 티스토리 블로그에서 파비콘을 설정하기 위해 .ico 파일을 만드는 방법까지 설명드리겠습니다. 파비콘이란? 파비콘(Favicon)은 “Favorite Icon”의 … 더 읽기
flex-shrink 속성의 개념, 사용법, 다른 속성과의 관계
저번에 말씀드린 Flexbox 중에서 flex-shrink 속성은 Flexbox의 핵심 속성 중 하나로 Flex 아이템이 Flex 컨테이너 안에서 어떻게 축소되는지를 결정하는 역할을 합니다. 그래서 이 글에서는 더 세분화 해서 flex-shrink 속성의 기본 … 더 읽기
CSS Flexbox의 등장 배경과 기본개념 및 주의점
웹사이트를 디자인하면서 가장 기본적이면서도 중요한 요소 중 하나는 레이아웃입니다. 웹 페이지의 레이아웃은 사용자의 첫 인상을 결정짓고 정보의 흐름을 제어하며 사용자 경험(UX)을 크게 좌우합니다. 이런 중요한 레이아웃을 효과적으로 구성하기 위한 도구 … 더 읽기
HTML과 CSS에 flex를 사용해서 원 안에 숫자 넣기
html에서 초록색 원 안에 숫자 1을 넣는 코드를 구현해야 할 일이 있어 만들어 보았습니다. flex가 늘 어렵다고 생각이 드는데 원 안에 숫자를 넣기에는 이 코드가 제일 간편하게 구현될 수 있어 … 더 읽기
HTML을 이용한 형광펜 효과와 밑줄 적용 방법
웹사이트는 정보를 효과적으로 전달하는 도구입니다. 그 중에서도 텍스트는 가장 중요한 요소 중 하나입니다. 이러한 텍스트를 강조하거나 독특하게 표현하기 위해, 형광펜 효과를 적용하는 방법을 알아보겠습니다. 이 글에서는 HTML과 CSS를 이용하여 텍스트에 … 더 읽기
display 속성인 inline과 block의 이해와 활용
레이아웃을 설정하는데 있어 CSS의 ‘display’ 속성은 핵심적인 역할을 합니다. 이 속성은 각 HTML 요소의 박스 타입을 결정하며 이 박스 타입은 요소의 레이아웃과 모양에 큰 영향을 미칩니다. 오늘은 이 중 ‘inline’과 … 더 읽기
max-width와 min-width 활용법
웹 디자인이나 전자책(EPUB)편집에서는 사용자의 화면 크기에 따라 콘텐츠가 동적으로 조절되는 반응형 웹 디자인이 중요합니다. 이를 위해 CSS에서는 max-width와 min-width 속성을 사용하여 요소의 최대 및 최소 너비를 설정합니다. 이를 통해 웹사이트는 … 더 읽기
CSS에서 float 속성과 clear 속성 이해하기
레이아웃은 웹 페이지의 구조를 결정하고 CSS에서는 레이아웃을 만들기 위해 다양한 속성을 제공하는데 그 중에서 float와 clear 속성은 특히 중요합니다. float와 clear 속성 그리고 이것을 활용하는 방법에 대해 살펴보겠습니다. css에서 float … 더 읽기
CSS Border-Image 속성의 이해와 활용
border-image 속성은 웹 요소의 테두리에 이미지를 적용하는 것을 가능하게 합니다. 이 글에서는 border-image 속성과 그 하위 속성들에 대해 자세히 알아보겠습니다. Border-Image 속성의 기본 이해 border-image 속성은 웹 요소의 테두리에 이미지를 … 더 읽기