2024 - 03 - 25

오늘 수업은 원래 온라인강의로만 진행했었지만 이번엔 강사님이 직접 학교에 찾아오셔서 수업을 진행하셨습니다.

수업 내용을 진행하기에 앞서 유튜브 영상 하나를 강조하였습니다.

https://www.youtube.com/watch?v=yzE9sOR0v3o

 

매일 정답을 보지 않고 코딩테스트 문제를 하루에 한 문제씩 풀어보는 연습을 하는 것이었다.

계속 생각해서 문제를 풀다 보면서 사고력을 기르는 훈련을 하라는 것이었습니다.

 

이 말씀을 하신 후 강의를 진행하였습니다.

오늘은 DOM이라는 것에 대해 배웠습니다.

 

DOM이란

• 문서 객체 모델(DOM, Document Object Model)은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스입니다.
• 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공하고
• 자바스크립트는 이러한 객체 모델을 이용하여 다음과 같은 작업을 할 수 있습니다
  
  • 새로운 HTML 요소나 속성을 추가할 수 있습니다.
  • 존재하는 HTML 요소나 속성을 제거할 수 있습니다.
  • HTML 문서의 모든 HTML 요소를 변경할 수 있습니다.
  • HTML 문서의 모든 HTML 속성을 변경할 수 있습니다.
  • HTML 문서의 모든 CSS 스타일을 변경할 수 있습니다.
  • HTML 문서에 새로운 HTML 이벤트를 추가할 수 있습니다.
  • HTML 문서의 모든 HTML 이벤트에 반응할 수 있습니다.

 

프론트엔드 생태계 변천사

• JavaScript 탄생 => jQuery 등장 => HTML5 등장 => Node.js 등장 => ES6 문법과 모바일과 SPA 앱 등장 => 계속해서 생태계 발전 중(현재)

앞으로 새로운 것들이 계속해서 등장하면은 그것이 왜 등장했는지를 따져보면서 배워보는 걸 추천하셨습니다.