✨ 헤더 가로길이 고정되어있는 이슈 해결

헤더 길이가 자꾸 아래의 하위요소 박스 크기랑 똑같게 만들어지고있었다.
난 가로로 쭉 길어지길 원하는건데…

콘솔창에서 이리저리 width값을 만지다가
header의 위, 위 div id=root 인 div에 width=100%을 주니까 가로로 꽉 차게 해결되는걸 알수 있었다.

그런데 이 root div가 대체 어디있는 div인지 도통 찾질 못해서 한참 헤맸다.

해결 시도
0. header css에 직접 width 100%, 100vh, full 등 줘 봄 -> 실패

1. index.css의 div를 100%로 만들기
   -> 해결되는줄 알았으나
   프로젝트 전체의 div에 영향을 줘서 다른 부분에서 엉망이 되어버려 취소

2. outlet 처리 해놨던 layout 컴포넌트의 header 상위 div에 width 100%
   -> 효과 없음
   (header의 바로 위 div 였음. 난 위, 위 div를 조절하는게 필요했다)

3. index.html에서 div id=“root” 발견!!!!!
   여기에만 직접 인라인으로 style="width: 100%"

-> 해결!!!

✨ table 태그 활용법

<table>
  // 표 타이틀
  <thead>
    <tr>
      <th>이름</th>
      <th>나이</th>
    </tr>
  </thead>
  // 표 내용
  <tbody>
    <tr>
      <td>
      </td>
    </tr>
  </tbody>
</table>