마크업 과제 1

허대훈·2021년 11월 9일
0
post-thumbnail
post-custom-banner

📐 마크업 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 좀 더 심화적으로 배우고 내 것으로 소화하면서 미흡한 부분(중앙 정렬, 글자 위치, 라인 맞추기, 배치 등)을 계속 보완해보자, 또한 늘 쓸데없는 태그와 문법 남발, 라인을 최소한으로 줄이는 것을 상기하면서 완성해보자...! 📌

profile
https://big-huni.tistory.com // 이전합니다.
post-custom-banner

0개의 댓글