100일의 Miva 코딩 챌린지 중 15일째입니다. 매우 빠르게 지나갔지만 HTML, CSS 및 JavaScript 기술이 크게 향상되는 데 도움이 되었습니다.
오늘은 자바스크립트에서 두 가지 개념을 배웠습니다. 개체 속성 및 JavaScript 이벤트를 표시합니다. 이는 데이터를 추가하고 웹페이지의 반응성과 대화형을 유지하는 데 매우 중요합니다.

개체 속성 표시

이전에 논의한 것처럼 객체는 서로 또는 특정 주제와 관련된 다양한 데이터 유형의 데이터를 포함하는 데이터 블록을 생성하는 데 사용됩니다. 키-값 쌍 형식으로 작성됩니다.
이러한 속성을 표시하는 방법에는 여러 가지가 있습니다. 첫째, 추가 연산자를 사용하여 속성을 연결하는 문자열로 표시할 수 있습니다.

객체가 소진될 때까지 각 키와 값 쌍을 선택하는 루프로 표시될 수 있습니다.

Object.values() 메서드를 사용하여 배열 형식으로 표시할 수도 있습니다.

마지막으로 JSON 표기법을 사용하여 표시하는 JSON.stringify() 메서드를 사용하여 표시할 수 있습니다.

자바스크립트 이벤트
이벤트는 브라우저나 사용자 작업 또는 입력으로 인해 웹페이지에서 발생하는 작업입니다. 버튼 클릭, 웹페이지 로딩, 페이지 크기 조정 등과 같은 작업을 이벤트라고 합니다. JavaScript 코드는 이러한 작업이 발생할 때 특정 반응을 일으키는 데 사용될 수 있습니다.

예를 들어, 버튼을 클릭하면 JavaScript 코드를 사용하여 HTML 및 CSS를 사용한 정적 표시와 비교하여 실시간으로 시간과 날짜를 표시할 수 있습니다.

자바스크립트 코드는 작업이 발생할 때 특정 요소의 콘텐츠를 변경하는 데에도 사용할 수 있습니다.

이벤트 발생 시 함수를 호출하고 실행할 수도 있습니다.

JavaScript 이벤트의 개념은 웹페이지의 작업에 대한 실시간 반응을 유도하는 데 사용될 수 있으므로 반응형 웹페이지와 대화형 웹페이지를 만드는 데 매우 중요합니다.

15일차는 매우 생산적이고 교육적이었습니다. 내일 JavaScript 이벤트에 대해 더 자세히 알아볼 계획입니다!?

여기에서 사용 가능한 소스 코드:
개체 표시: (https://github.com/Abdul-Samod/100daysofMiva/blob/74ad5573744c15d1955e8f8777053f0492d41fe9/javascript_prac2.html)

JavaScript 이벤트: (https://github.com/Abdul-Samod/100daysofMiva/blob/74ad5573744c15d1955e8f8777053f0492d41fe9/javascript_prac3.html)