더듬이의 헬로월드

깃허브 : https://github.com/Thedum2/Theftel웹 개발 공부를 시작하면서 HTML과 CSS의 기초를 익혔다. 처음에는 수많은 HTML 태그와 CSS 속성을 외우려 했지만, 현실적으로 모든 것을 기억하는 것은 불가능하다는 걸 느꼈다. 그래서 중요한 것은  모든 걸 다 외우는 것보다 기본기를 이해하고 직접 구현해보는 것임을 깨달았다. 그래서 선택한 방법은 바로 클론 코딩이었다. 내가 좋아하는 웹사이트를 직접 따라 만들어보면서 실제 적용되는 HTML/CSS 구조와 스타일링을 익히는 것이 목표였다. 그 첫 번째 프로젝트로 라프텔 페이지를 클론하기로 했다. 왜 클론 코딩을 선택했나? 직접 안만들고?디자인 할 줄 몰 라 / 바빠 임마완벽하게 똑같이 만들 필요는 없었고, 내가 구현하면서 부족..

1. normalize.css / reset.css을 사용하는 이유 내가 공부하다가 흥미로운 사실을 발견했다!최근 공부하다가 box-sizing 문제에 대해 흥미로운 사실을 발견했다.box-sizing: content-box;기본적으로 content-box가 적용된다는 사실을 알게 되었는데, 이 설정에서는 padding과 border가 요소의 크기에 포함되지 않아 레이아웃을 예측하기 어려웠다. 하지만 box-sizing: border-box;로 설정하면 padding과 border가 포함된 총 너비와 높이를 정확히 계산할 수 있어, 레이아웃을 만들 때 훨씬 더 예측 가능해진다는 것을 알았다.과연 이런 부분들이 하나만 있을까?너무나도 궁금했다!크롬파이어폭스엣지 웹 개발 초기에는, 브라우저마다 HTML 요소..