본문 바로가기

JavaScript33

이벤트 & DOM 이벤트의 개념, 이벤트 트리거의 종류, 이벤트 핸들러의 설정, DOM api활용, 콜백함수 등등 이벤트 전반에 관련된 내용들과 그에 대한 실습, 예제를 정리해보았다. 1. 이벤트 1) 이벤트란? 등록해둔 신호가 발생했을때 수행되는 일련의 과정을 이벤트라고 한다. 이때 신호(자극)의 개념은 트리거라고 하며, 키보드, 마우스, HTML DOM, Window 객체 등 다양한 타입이 존재한다. 일련의 과정은 핸들러라고 정리할 수 있으며, 실제 이벤트가 일어나는 내용. 즉, 반응이라고 할 수 있다. 이때, 트리거에서 언급했던 다양한 이벤트 타입 중, 가장 많이 사용되는 마우스와 키보드에 초점을 맞추어 예제를 풀며 실습해보았다. 2) 마우스 이벤트 마우스 이벤트의 종류는 다음과 같다. 0. 마우스 이벤트의 종류 1.. 2022. 2. 16.

객체(전역,Date,Math,Array) 객체에 대한 내용과 표준 객체 중에 자주 쓰이는 객체들에 대해 실습과 예제 위주로 내용을 포스팅 해보았다. 1. 객체(Object) 모든 객체들은 property(속성/멤버변수)와 method(기능)으로 이루어져있다. 예시를 들어 정리하자면 아래와 같다. //객체의 생김새 var person={//괄호 내부가 객체의 필드 name:'홍길동', age:'20', hello:function(){console.log('저는 '+this.name+'입니다');} } //속성접근 연산자(.)를 통해 속성(멤버)로 접근이 가능하다. person.hello(); //저는 홍길동입니다 console.log(person.name); //홍길동 아래와 같이 생성자를 만들어 객체를 생성하는 방법도 있다. //생성자의 매개변.. 2022. 2. 15.

개요부터 기본 작동까지 자바스크립트라는 언어 자체는 java와 굉장히 유사하여, 다른 부분만 짚어나가는 형식으로 수업이 진행되었고, 그 수업을 들은 내용을 정리한 포스팅이다. 때문에 자바스크립트를 구체적으로 설명하지는 않았다. 1. 개요 동적인 화면 구성에 도움을 주는 언어이며, 웹의 동작을 구현할 수 있다. 프로그램 언어 해석기(interpreter)가 코드를 직접 해석하여 바로 수행하는 형태로 진행된다. 컴파일 언어와 유사한 구조이다. 언어 해석기는 브라우저에 포함되어있으므로, 다양한 브라우저에서 실행해보는것도 중요한 포인트이다. 자바스크립트는 HTML의 내용, 속성, 스타일을 변경할수 있게 해준다. 실행 방식은 CSS처럼 내부 vs 외부가 있다. 2. 변수와 출력 1) 변수의 구분 자바스크립트에서 변수는 데이터타입(자료형.. 2022. 2. 14.

이전 1 ··· 3 4 5 6 다음

티스토리툴바