프로젝트 C(반응형) - 메인

제출

❗ 마우스 오버시

• 헤더부분
  - 마우스 오버시 bold
  
• 리스트부분
  - 마우스 오버시(키보드 포커스) 딤드레이어 활성화
  

코드리뷰

HTML
😡Try again

• 위와 같이 선언할 경우 루트를 기준으로 탐색하게 됩니다. 즉, 현재 폴더 경로를 명시적으로 ./와 같이 선언해 작업해주세요.

    <!--No-->  
    <link rel="stylesheet" href="/css/foodwith.css">

    <!--Yes-->  
    <link rel="stylesheet" href="./css/foodwith.css">

• main태그가 쓰이기에는 포함하는 영역이 너무 빈약합니다. 대개 구조는 main section article 구조를 띄게 개발하곤 합니다.

• 단순 div span 패턴보다는 리스트의 구조를 나타내는 nav ul li a패턴이 쓰일 수 있겠죠.

    <!--No-->  
    <div class="footer_text_box">
      <span class="footer_text">회사소개</span>
      <span class="footer_text">인재채용</span>
      <span class="footer_text">이용약관</span>
      <span class="footer_text">고객센터</span>
    </div>

    <!--Yes-->  
    <nav class="footer_text_box">
      <ul>
        <li class="footer_text">
          <a>회사소개</a>
        </li>
        <li class="footer_text">
          <a>인재채용</a>
        </li>
        <li class="footer_text">
          <a>이용약관</a>
        </li>
        <li class="footer_text">
          <a>고객센터</a>
        </li>
      </ul>
    </nav>

🤩Excellent

• type="button"이라고 명시적으로 잘 작성해주셨네요. 잘하셨습니다.
• id의 명명을 파스칼표기법으로 하셨네요. id의 명명에는 카멜케이스가 전형적으로 쓰입니다. 다만 지금처럼 class, id를 분리하여 작성하고자 하는 노력을 보인 것으로도 훌륭합니다.