Javascript26 [javascript] Event 종류, 작성 2월 21일에 시킨 내 모자는 언제 오려나 이벤트란? 웹페이지에서 마우스를 클릭했을 때, 키를 입력했을 때, 특정요소에 포커스가 이동되었을 때 어떤 사건을 발생시키는 것 이벤트의 종류 1. 마우스 이벤트 이벤트설명 click 요소에 마우스를 클릭했을 때 이벤트가 발생 dbclick 요소에 마우스를 더블클릭했을 때 이벤트가 발생 mouseover 요소에 마우스를 오버했을 때 이벤트가 발생 mouseover 요소에 마우스를 오버했을 때 이벤트가 발생 mouseout 요소에 마우스를 아웃했을 때 이벤트가 발생 mousedown 요소에 마우스를 눌렀을 때 이벤트가 발생 mouseup 요소에 마우스를 떼었을 때 이벤트가 발생 mousemove 요소에 마우스를 움직였을 때 이벤트가 발생 contextmenu con.. 2023. 1. 16. [javascript] DOM과 Event 종료시켜 놓고 간 맥북이 켜지지 않았다. 가로수길로 사러 가야 하나 사설수리업체에 보내야 하나 내일인 월요일에 바로 써야 하는데 이거 어떡하나... 하고 여러 가지 테스트를 해봤다. 일단 제일 상위 이벤트인 전원이 연결되어 있나를 먼저 확인 후 하나씩 버그(?)를 잡아가려 했는데 멀티탭에 결함이 있었고 다른 멀티탭으로 교체하고 전원을 켜보니 켜진다. 느슨해진 지갑사정에 긴장감을 주는 맥북이었다. DOM이란! Document Object Model - DOM DOM은 Document Object Model의 약자이다. 직역을 하자면 문서 객체 모델이다. 문서 객체란 이나 같은 html 문서의 태그들이 자바스크립트가 이용할 수 있는 객체로 만들어진 것을 말한다. 이러한 문서 객체는 DOM 구조를 접근하는 관.. 2023. 1. 16. [javascript] Object - 유저의 nickname과 interests 넣기 유저의 nickname과 interests 넣기 객체에 조금이라도 자신이 있었다고 생각한 나 자신이 밉다. 먼저 문제는 이렇게 주어졌다. handleEdit함수는 nickname, interests 라는 두 인자로 받습니다. interests에는 여러 관심사를 적을 수 있습니다. 그 때 그 관심사의 구분을 콤마(,)를 이용합니다. nickname과 interests가 문제 없이 잘 들어왔다면 유저 정보를 효율적으로 관리하기 위해서 Object에 이 정보를 담아서 관리할 겁니다. 예시) { nickname: "뚜비", interests: ["방탈출","테니스","멍 때리기"], bio: "제 닉네임은 뚜비입니다. 취미는 방탈출,테니스,멍 때리기입니다." } 문제풀이 및 난항 나의 약점이자 제일 큰 문제가 .. 2023. 1. 16. [javascript] 최소 ~ 최대값 랜덤 수 뽑기 랜덤수란? 랜덤 한 숫자를 가져오는 기능은 프로그램 개발에서 매우 자주 사용되는 기능임 따라서, javascript는 built-in 함수로 포함되어 있음 Math.random() 구글링 구글에 js 최소 ~ 최댓값 랜덤으로 뽑기를 치면 당연히 답은 나온다. 물론 생각보다 간결하고 길지 않고 어렵지 않다. 근데 이해가 안 된다. 구글에선 이렇게 나온다. function getRandomNumber(max, min) { const randomNum = Math.floor((Math.random()*(max - min + 1)) + min); return randomNum } 내가 이해할 수 있는 방식대로 정리해 보자. 내가 풀었던 방식 먼저 Math.*** 을 수를 어떻게까지 다룰 수 있는지 정리가 필요했.. 2023. 1. 16. 이전 1 2 3 4 5 ··· 7 다음 반응형
