form 태그와 input 태그가 헷갈려요.

은 입력 요소(input, textaria)를 감싸는 컨테이너 역할을 합니다.즉 form 태그 내부에 작성한 입력 태그들을 그룹화하여 서버에 데이터를 한번에 제출할 수 있도록 해줍니다. 은 말 그대로 사용자가 직접 값을 입력하는 필드라고 생각하시면 됩니다.

궁금합니다.

UI를 구성하는 방식은 개발자 / 팀마다 다르기때문에 어떻게 태그를 사용해서 레이아웃을 구성하던 자유입니다!하지만 강의에서 왼쪽 "BRAND", "EVENT"에 해당하는 카테고리는 오른쪽 "아이콘" 파트보다 네비게이션 역할을 강하게 하기때문에 따로 semantic tag인 nav로 묶어서 진행했습니다 🙂 시멘틱태그를 반드시 사용해야하는 것은 아니지만, 의미론적(semantic) 으로 코드를 구분하여 가독성을 높일 수 있기 때문에 nav로 따로 나누어 코드를 작성했습니다.