Day 31

·2023년 7월 19일
0

Global_2023_2

목록 보기
30/56
post-custom-banner

1. 자바스크립트 이벤트 및 이벤트 처리 방법에 대하여 설명하시오.

  • 이벤트 (어떤 사건, 어떤 변화): 마우스, 키(key), 폼(태그), 로드 등

  • event: 이벤트 핸들러, 이벤트 콜백

    • 보통 첫번째 파라미터에 e나 event로 입력

    • 웹브라우저에서 event 객체를 만들어서 모든 변화를 감지하고
      함수에 전달한다

    • 일반 함수로 사용하는게 아니라 확인용이다
      (받은 값을 활용할때 사용)

    • event로 사용하는 함수에서는 Handler를 많이 붙인다

2.아래를 프로그래밍 하시오.

<script type="text/javascript">

function up() {
    var count = document.getElementById("quantity").value;
    document.getElementById("quantity").value = parseInt(count) + 1;
}

function down() {
    var count = document.getElementById("quantity").value;
    if (count != 1) {
        document.getElementById("quantity").value = parseInt(count) - 1;
    }
}
<body>
    갯수<input type="text" name="quantity" id="quantity" value="1">
    <button id="up" onclick="up()">+</button>
    <button id="down" onclick="down()">-</button>
</body>

this는 호출하는 놈


Point

  • onload가 없으면 밑에 있는 body를 읽을수 없어서 작동하지 않는다
    (body 밑에 있으면 동작함)

  • 다이렉트로 값을 집어넣는것은 선호하지 않는다
    (onclick에 직접 입력 대신 addEventListener 이용)

    • "this는 호출하는 놈"
  • 현업에서는 JQuery를 많이 쓴다

  • parseInt는 정수(int)로 형변환(소수점 자름)

  • SQL
    • select * from emp e, dept d where e.deptno=d.deptno 부터 시작
post-custom-banner

1개의 댓글

comment-user-thumbnail
2023년 7월 19일

덕분에 좋은 정보 얻어갑니다, 감사합니다.

답글 달기