💡 핵심 요약 (TL;DR)

radio와 checkbox가 클릭이 안되는 오류가 발생했다. css문제인 줄 알고 디자인팀에 문의했는데 css문제가 전혀 없었고 id를 추가하면 됩니다~하는 답변을 받았다.

💡 핵심 요약 (TL;DR)

찾아보니 onerror 속성을 찾아서 손쉽게 처리할 수 있었다. 그런데 여전히 디폴트이미지를 못 불러오는 에러가 발생했다. 이미지태그사용시 src경로에 이미지가 없다면 기본 이미지를 설정하고 싶었다.

💡 핵심 요약 (TL;DR)

링크공유하기 버튼을 헥소블로그에 커스텀하게 적용하기(ft.AddToAny)의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 내가 이용중인 Icarus 테마에서는 아래와 같이 총 5가지 공유 플러그인을 제공한다. 다른 플러그인을 원하면 설치해서 사용하면 된다,을 적용할 수 있다.

💡 핵심 요약 (TL;DR)

링크 미리보기 이미지 변경하기(ft.Open Graph)의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 메타태그는 HEAD사이에 작성하는 웹사이트의 안내자이다.

💡 핵심 요약 (TL;DR)

경로(절대경로, 상대경로, ., ~)의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 현재 Create.html에서 경로를 작성한다고 생각한다면 절대경로와 상대경로 예시는 아래 표와 같다.

💡 핵심 요약 (TL;DR)

Position 포지션의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 핵심 설정과 구현 코드를 단계별로 파악하여 상황에 맞게 유연하게 활용할 수 있다.

💡 핵심 요약 (TL;DR)

'마진과 패딩, 인라인과 블록 차이'에서 다루는 각 기술의 핵심 개념과 동작 방식의 차이점을 분석한 내용이다. 동작 원리와 장단점을 비교 파악하여 프로젝트 개발 상황에 적합한 방식을 선택할 수 있다.

💡 핵심 요약 (TL;DR)

TEXT속성의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. text-decoration | 링크속성에서 밑줄없앨때 사용을 적용할 수 있다.

💡 핵심 요약 (TL;DR)

더미텍스트/이미지만들기(Lorem Ipsum/placeholder), 기본선택자 종류 및 우선순위, 섹션요소의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. * 임의의 텍스트를 넣어서 HTML구조와 CSS 디자인을 보고싶을때 자주 사용을 적용할 수 있다.

💡 핵심 요약 (TL;DR)

폰트속성의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 폰트패밀리로 기본폰트를 지정해주었을 때, 만약 사용자의 컴퓨터에 해당 폰트가 없다면 폰트 적용이 아예 안된다.