📐 마크업 1
- 제주코딩베이스캠프 웹 페이지 부분 섹션별 마크업 완성해보기
🎈미션 : 제주코딩베이스캠프 웹 페이지를 부분별로 구역을 나누고, 위 과제 시안의 이미지를 보고 마크업 언어로 작성하여 그대로 구현하는 것
📝과제 : https://BigHuni.github.io/front-end-school/Assignment/211101_Paullab/
(+지속적으로 CSS 업뎃중. . . ) CSS 어려워..😥
HTML 마크업 문법이나 용도에 따른 태그 사용은 어느 정도 알겠는데 보기 좋게 문법을 구성하거나 로직을 짜는게 너무 어렵다..
강사님께서 말씀하시길 <div>
를 남발하는 코드는 좋지 못한 코드 형태라고 말씀하셔서 전체적으로 <header>
<main>
<section>
3단 구조를 형성하고 그 안에서 로직을 짜는 것으로 생각해보기
<header>
안에 <p>
와 <br>
활용해서 내용 적고, 단락 구분
글씨 굵기 <strong>
표현
<li>
로 <footer>
내용 항목 나열, <a>
로 링크 연결
<dt>
로 회사명, 대표, 사업자번호, 업종, 주소 기입
<dd>
로 관련 내용 기재, 주소만 dd
로 묶고 address
로 표현
처음부터 빡빡하게 정확한 로직으로 짜야한다는 압박감 때문에 속도도 느리고, 배우면서 실력 느는게 많이 더딘 것 같다... CSS 좀 더 심화적으로 배우고 내 것으로 소화하면서 미흡한 부분(중앙 정렬, 글자 위치, 라인 맞추기, 배치 등)을 계속 보완해보자, 또한 늘 쓸데없는 태그와 문법 남발, 라인을 최소한으로 줄이는 것을 상기하면서 완성해보자...! 📌