본문 바로가기

전체 글

 (32)
[2022-11-16] 이벤트 리스너 Event Listener 이벤트란? 사용자가 클릭,입력등 행위나 브라우저 상태변화에 따라 JS코드에게 알리는 행동 이벤트 리스너(Event Listener)란? 이벤트 발생에 대처하기위해 작성된 JS코드 이벤트 종류 - HTML5에서 이벤트 종류는 70 여개 - 이벤트 리스너 이름은 이벤트 이름 앞에 "on" 을 붙인다 화살표함수쓰지말기 this를 쓰면 해당DOM객체가 아니라 window그 자체가 선택된다 주요 이벤트 리스너 == 메소드() 괄호안에 2개의 인자값이 들어와야한다. 이벤트명 : Javascript에서 발생할 수 있는 이벤트 명을 입력한다. 함수명 : 해당 변수는 생략 가능하며, 해당 이벤트가 발생할 때 실행할 함수 명을 입력한다. 옵션: 옵션은 생략이 가능하며, 자식과 부모 요소에서 발생하는 버블링을 제어하기 위한..
[2022-11-13] HTML DOM이란? DOM객체선택 컴퓨터는 코드를 위에서 부터 읽어 내려와 화면에 송출하게 되는데 이것을 렌더링이라고 한다. JS,CSS를 통하여 html 문서를 추가하고 수정하고 이벤트 처리를 하기 위해서는 html의 태그들이 필요한데 DOM이 트리 형태로 객체를 구조화하고, 부모,자식화를 해놓았기 때문에 태그들을 선택하는게 가능한것이다. DOM 이 없다면 HTML로 이뤄진 정적인 사이트가 되지만 DOM이 루트(뿌리)에서 부터 태그들을 뿌려주기 떄문에 동적인 사이트로 변할 수 있는것이다. 새싹 DT 기업연계형 프론트엔드 실무 프로젝트 5주차 블로그 포스팅
[2022-11-09 새싹 프론트엔드] class 2022-11-09 공부내용 class란? class사용이유 프로토타입이란? 생성자함수란? .this 키워드란? class를 사용하는 이유 프로토타입이란(prototype)? new 연산자를 사용하여 생성자함수의 값을 가져오게되면 같은값을 여러번 자식들에게 뿌려주게된다. 이때 여러번 같은 값을 뿌려주게되면 데이터가 낭비되게 되는데 JS는 생성자 함수안에 값을 어딘가 빈공간에 그 값을 저장해놓고 new 연산자를 사용한 자식에겐 공간안에 있는 값을 공유해준다. 이것을 가능하게 하는것이 프로토타입 생성자함수를 통하여 생성한 인스턴스들은 프로토타입이라는 속성을 상속받게된다. 생성자 함수를 사용하면 아래처럼 porototype이라는 속성값을 따로 줘서 프로토타입에 저장시켜야하지만 class를 사용하면 알아서 pr..

티스토리툴바