javascript_05

연가을·2022년 6월 14일
0
post-custom-banner

1. 수업내용

event : Html 문서안에 body 영역 일어나는 것!
사건,어떤일이 일어났을 때 어떤 명령이 실행되도록 하는 것이다.
event 처리기 : 이벤트가 발생했을 때 어떤 함수를 실행할지를 알려줌
태그 안에서 이벤트를 처리 할 때는 "on"+이벤트명 사용
ex) onclick 등
다양한 이벤트

수업중 해결이 잘 안되었던 부분 및 해결방법

<div id="item">
		<img src="images/flower1.jpg" alt="">
		<button class="over" id="open" onclick="showDetail()">상세 설명 보기</button>
		<div id="desc" class="detail" onclick="hideDetail()">
			<h4>민들레</h4>
			<p>어디서나 매우 흔하게 보이는 잡초로서 바닥에 딱 붙어서 꽃봉오리 하나가 쏙 올라온다. 톱니 모양의 잎새와 눈에 확 띄는 노란 꽃이 인상적이다. 특히 꽃이 지고나면 솜털모양의 깃을 가진 씨앗들이 나오는데 바람을 타고 날아가서 널리 퍼진다.</p>
			<button id="close">상세 설명 닫기</button>
		</div>
	</div>
	<script src="./js/even_handler.js"></script>

script 파이을 html문서에 삽입 후 실행이 안되어 왜 그런지 이해가 되지 않았다. 그런데 생각해 보니 onclick="showDetail()" onclick을 입력하지 않아 실행이 되지 않았다. 컴퓨가 이해할 수 있도록 내가 컴퓨터가 되어 생각해보는 연습이 필요한거 같다.

이번 시간에 가장 이해가 어려웠던 객체에대한 개념에 대해 다시 한번 구글을 통해 익혀보았다.

객체란 ? 관련된 데이터와 함수(일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티와 메소드라고 부릅니다)의 집합

출처 https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/Basics

소감

자바스크립트에서 가장 이해하기 어려운 객체를 배웠는데 단기간에 내가 할 수 있을까하는 생각이 든다.
여러번 강의를 반복해서 듣고 많이 해보는 것이 답일것이다. 이해한 내용이 많이 않아 쓰여지는 내용들이 줄어들지만 하다보면 이해하고 받아드린 부분을 많이 쓸 수 있을 거라 기대한다.
책을 한권 정독하는것도 좋겠다.

post-custom-banner

0개의 댓글