💡 핵심 요약 (TL;DR)

git 버전관리의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 표준처럼 사용되고 있는 버전관리 프로그램에는 git이 있다.

💡 핵심 요약 (TL;DR)

설명글 보이지 않게 스타일링, 버튼태그를 input 태그안에 넣기, side content 레이아웃 스케치, 가상요소사용하여 화살표 만들기, nth-chird()의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 위의 이미지처럼 설명글을 보이지않게 처리하기위해서는 두가지방법이 있다.

💡 핵심 요약 (TL;DR)

Django 홈페이지 실습: a태그를 버튼처럼 만들기, 수평선만들기, 다양한 form태그 종류와 사용법(HTTP메서드)의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. hero-section자체가 클릭유도를 하는 곳이기때문에 실무에서도 cta로 사용한다고 한다.

💡 핵심 요약 (TL;DR)

Django 홈페이지 실습: web font, a태그 밑줄제거, 마우스오버시 글자색상변경, float적용방법의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 폰트패밀리로 폰트를 지정해주었을 때, 만약 사용자가 해당 폰트를 다운로드해서 가지고 있지않으면 폰트 적용이 아예 안된다.

💡 핵심 요약 (TL;DR)

Django 홈페이지 실습: max-width와 min-width속성, margin과 padding의 단축속성의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 그래야 안 헷갈리고 필요한 태그들만 사용하여 깔끔한 마크업이 가능하기때문이다.

💡 핵심 요약 (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)

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

💡 핵심 요약 (TL;DR)

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