2022.04.10 일요일

📍HTML 수업 필기 내용

• section은 확실한 주제가 있을 때, 주제별로 나눌 때 사용 ! section 안에 section 중복사용 가능 (한가지 주제로 묶을 공통점이 없다면 div로 묶어준다)
  
• section 안에는 가능하면 heading 1~6 태그를 넣어준다
• article 은 독립적으로 쓰여야한다 (작은 HTML)
• article 부분을 다른 곳에 배치해도 어색한 느낌이 없어야 한다
• 장바구니, 마이페이지, 아이콘 등은 article로 묶어도 된다. (다른 곳에 옮겨도 어색하지 않기 때문)
• nav는 페이지의 주요 navbar 로 여겨지는 곳이면 여러번 써도 된다
• fooer 회사정보 등 내용이 들어가는 부분은 address > dl dt dd 형태가 적절하다
• 눌렀을 때 다른 페이지로 연결되는 경우에는 a 태그, 이동하지 않을 때에는 button 태그를 사용한다
• small : 덧붙이는 글이나, 저작권과 법률 표기 등의 작은 텍스트(카피라이트)
• cite : 출처를 나타낼 때 사용
• input type에 텍스트, 이메일, 전화번호 등 화면상 큰 차이는 없지만 지정해줘야 하는 이유 → 입력 양식을 맞추고, 올바른 데이터 입력이 필요하기 때문에
  

📍구글폼 만들기 과제 피드백

1. 구글폼 답변란은 textarea 로 만드는 것도 가능하다.
2. Button은 기본 타입을 항상 적어줘야한다.
   • 기본타입은 submit 이므로 ‘양식 지우기’와 같은 초기화의 경우에는 type = “reset” 으로 써줘야 한다!
3. h1 ~ h6 태그는 큰 것 부터 차례대로 써나가는게 좋다.
4. 한 줄에 있는 제출 & 양식 지우기 부분은 input 또는 button 중 한 가지로 통일하는 것이 좋다.
5. 질문란은 fieldset 안의 컨텐츠를 설명하는 부분이므로 헤딩 태그 보다는 legend 태그를 쓴다.
6. input의 required
   • checkbox : 항목별로 다 써줘야 한다.
   • radio : 첫번째 항목에만 써줘도 된다.
7. section 태그는 공통된 주제끼리 묶을 때 사용하며, 그 안에는 주제를 나타내는 헤딩 태그가 있어야 한다.(없으면 validator 검사 시 경고가 뜨니 주의!)
8. html 마크업을 할 때에는 나만의 틀이나 룰을 만들어서 하는 것이 좋다 !
9. 모든 마크업이 끝난 후에는 W3C Validator 를 통해 적절한 태그를 사용했는지 꼭 검사를 해본다!! ⭐️

📍공부에 유용한 강의 & 유튜브 추천!

1. 인프런의 제주코딩베이스캠프 강의
2. 1분 코딩, 빔캠프, 드림코딩 등 시간 날 때 꼭 보기~!!!