세션

• 이번 세션은 HTML의 기초를 다루는 내용이었다. 이미 학습한 내용인지라 각 태그의 명칭에 좀 더 집중했다. 명칭은 들어도 들어도 잘 외워지지가 않는다...

  • div - division (영역)
  • img - 여는 태그만 있어도 됨, 닫힘 태그 없음
  • href - 하이퍼 텍스트 레퍼런스
  • ul - un ordered list
  • ol - ordered list
• 댓글 게시물은 리스트로 쳐서 ul, li로 만든다.

Q&A

• 수정할 일이 없는 변수를 선언할 때 혹시 모를 실수를 방지하기 위해 const 선언자를 쓰는 습관을 들여도 좋겠다.
• twittler 과제에서 랜더링 함수에 그냥 for문을 썼는데, forEach 메서드를 쓰는 방법도 있었다. 베이직 퀴즈를 풀며 많이 써 본 forEach 메서드였지만, 막상 프로그래밍을 할 때 활용을 못했던 거다. 메서드에 더 익숙해져야겠다.
• VS Code에서 HTML 파일로 설정하고 ! + Enter => 기본 내용이 작성된다. 나는 익스텐션을 설치했는데 기본적으로 제공되는 기능이었다... 친절한 VS Code!

• button 태그와 input type=“button”의 차이를 묻는 질문이 있어서 나도 검색을 해봤다. 눈에 띄는 차이는 button 태그는 CSS 없이 이미지 삽입도 가능하다는 점인데, ie8 이전(ie8을 포함하는 걸까 아닐까?)버전에서 button 태그는 submit 이벤트 시 닫힘 태그 사이의 내용이 전달된다는 듯.

  • https://aboooks.tistory.com/301

• 좀 더 쓰임새가 분명한 input type=“submit”도 있다. 버튼 형태로 만들어지며 form 태그 안에 쓰였다면 클릭 시 자동으로 데이터를 전송한다.

  • 자바스크립트에서는 form에 이벤트 리스너를 연결하여 submit 이벤트 실행 시 수행할 명령을 작성할 수 있다.
  • 함수 안에 event.preventDefault()를 넣으면, 본래의 이벤트가 실행되지 않게한다.
  • https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault