💡 핵심 요약 (TL;DR)

Reset보단 normalize, 기본 box-sizing, 홈페이지 기본 레이아웃(hero-section), 가상클래스 (hover, active, focus 등)의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 기본값으로 설정된 css가 레이아웃을 잡을때 불편함을 초래하기도 한다.

💡 핵심 요약 (TL;DR)

float, position, css선택자 우선순위의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. nomal flow에서 벗어나 복잡한 방식의 레이아웃을 하는 방법에 대해 알아보자.

💡 핵심 요약 (TL;DR)

font-size, font-family, font color의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 나는 항상 px이나 %단위로 직접 수치를 입력하여 지정하였는데 em, rem을 사용하면 상대적인 수치가 자동적으로 정해져서 훨씬 디자인이 깔끔하고 통일성있어보이기도 한다.

💡 핵심 요약 (TL;DR)

테이블 칸 합치기의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 칸합치는 속성은 항상 th나 td에서 이루어지지 tr에서는 절대 사용하지않는다!을 적용할 수 있다.

💡 핵심 요약 (TL;DR)

'HTML 정의태그 dl, dt, dd 태그, code 태그, block VS inline VS inline-block'에서 다루는 각 기술의 핵심 개념과 동작 방식의 차이점을 분석한 내용이다. 위의 블럭과 인라인을 합친 것이라고 생각하면 되지만 그 특징이 조금 차이난다의 차이를 고려하여 상황에 맞게 적용해야 한다.

💡 핵심 요약 (TL;DR)

'Web 기초 (프론트엔드 VS 백엔드, Codepen, MDN, devdocs, 크롬검색꿀팁)'에서 다루는 각 기술의 핵심 개념과 동작 방식의 차이점을 분석한 내용이다. 가장 많이 들었던 프론트엔드와 백엔드 그 차이점은 무엇일까?의 차이를 고려하여 상황에 맞게 적용해야 한다.

💡 핵심 요약 (TL;DR)

'Web 기초 (클라이언트 VS 서버, 웹프로그래밍, HTTP, 크롬 개발자도구)'에서 다루는 각 기술의 핵심 개념과 동작 방식의 차이점을 분석한 내용이다. 엘리먼트탭에서는 각 요소에 대해 알수있으며, 속성값을 다르게 입력하는 등 간단하게 일시수정도 가능하다.

💡 핵심 요약 (TL;DR)

HTML 목록 태그, 정의태그, 글자관련태그의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 사실 잘 사용하지 않는 태그지만 기억해두면 필요할때 요긴하게 쓸 수 있다.

💡 핵심 요약 (TL;DR)

'`

`태그, html특수문자입력, `태그` 와 `태그`의 차이점'에서 다루는 각 기술의 핵심 개념과 동작 방식의 차이점을 분석한 내용이다.
    동작 원리와 장단점을 비교 파악하여 프로젝트 개발 상황에 적합한 방식을 선택할 수 있다.