3. 웹개발/3_2_1 Javascript 검색 결과

해당 글 19건

[JavaScript (17)] Javascript Event(1) - 기초

[JavaScript (17)] Javascript Event(1) - 기초 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 이벤트 기본 ] 입니다. : ) ▶ 1. 이벤트(event)란? - 어떤 사건을 의미한다. ex) 특정 버튼을 클릭했을때, 돔이 다 로드 되었을때 - 브라우저는 이벤트를 감지할 수 있으며 이벤트 발생 시 알려 줄 수 있으며 이를 통해 사용자와 웹페이지가 상호 작용이 가능하다. - 이벤트 핸들러를 통하여 이벤트가 발생시 원하는 함수에 연결하여 실행 시킬 수 있다. ▶ 2. 이벤트 타입(event type) - 이벤트 타입은 발생한 이벤트의 종류를 말하며 키보드, 마우스, HTML DOM, Window 객체 등을 처리하는 이벤트등을 제공 한다. ex) 브라우저에서의 이벤트란..
3. 웹개발/3_2_1 Javascript 2020. 8. 25. 19:43

[JavaScript (16)] Javascript Navigator, Screen 객체

[JavaScript (16)] Javascript Navigator, Screen 객체 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 윈도우 객체 - 네비게이터, 스크린 객체 ] 입니다. : ) ▶ 1. Navigator 객체 - 네비게이터 객체는 브라우저 공급자, 버전 정보 등 브라우저에 대한 다양한 정보를 가지고 있다. ▶ 2. Navigator 객체 속성 - appCodeName : 브라우저의 코드 네임을 반환한다. - appName : 브라우저의 이름을 반환한다. ex) // 익스플로러 10v이하, 크롬, 파이어폭스, 사파리, 오페라 모두 브라우저 Mozilla console.log(navigator.appCodeName); // Mozilla // 익스플로러 11v, 크롬, 파이어..
3. 웹개발/3_2_1 Javascript 2020. 4. 13. 23:14

[JavaScript (15)] Javascript Location, History 객체 (hash, host, href, replace 등)

[JavaScript (15)] Javascript Location, History 객체 (hash, host, href, replace 등) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 윈도우 객체 - 로케이션, 히스토리 객체 ] 입니다. : ) ▶ 1. Location 객체 - 현재 브라우저에 표시된 HTML 문서의 URL 또는 관련 정보 (URL의 프로토콜, 호스트, 포토번호 등의 정보)를 얻거나, 브라우저에 새 문서를 불러오는 등에 사용할 수 있다. - window 객체의 일부이고 window.location 속성을 통해 접근할 수 있다.(window는 생략 가능 하다.) ▶ 2. Location 객체 속성 - href : 전체 URL 주소를 문자열로 반환 한다. (현재 URL을 가..
3. 웹개발/3_2_1 Javascript 2020. 4. 12. 18:12

[JavaScript (14)] Javascript window 객체 (setInterval, setTimeout, confirm, prompt, focus, blur 등)

[JavaScript (14)] Javascript window 객체 (setInterval, setTimeout, confirm, prompt, focus, blur 등) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 윈도우 객체 - 브라우저 객체 ] 입니다. : ) ▶ 브라우저 객체 - 자바스크립트를 통해 브라우저의 여러 기능들을 제어할 수 있다. - 전역 객체(global object)로 해당기능들을 제공 한다. ▶ Window 객체 - 웹 브라우저의 창(window)을 나타내는 객체, 브라우저를 시작할 때 가장 처음 생성되는 객체이다. - 모든 객체, 전역 함수, 전역 변수, DOM등의 모든 요소들은 window 객체의 프로퍼티 이다. - window가 생성된 후 이 안에 다른 'wi..
3. 웹개발/3_2_1 Javascript 2020. 4. 12. 17:01

[JavaScript (13)] Javascript Dom(Document Object Model, 문서 객체 모델)

[JavaScript (13)] Javascript Dom(Document Object Model, 문서 객체 모델) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 돔(DOM) ] 입니다. : ) ▶ DOM(Document Object Model) 이란? - HTML, XML 문서에 접근하기 위한 인터페이스 - 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공 한다. - W3C의 표준 객체 모델 브라우저의 렌더링 엔진은 웹 문서를 로드한 후, 파싱하여 웹 문서를 브라우저가 이해할 수 있는 구조로 구성하여 메모리에 적재하는데 이를 DOM이라 한다. 즉 모든 요소와 요소의 어트리뷰트, 텍스트를 각각의 객체로 만들고 이들 객체를 부자 관계를 표현할 수 있는 트리 구조로 구성한 ..
3. 웹개발/3_2_1 Javascript 2020. 4. 8. 00:10

[JavaScript (12)] Javascript String 객체, String 메소드(replace, substr, split, concat 등)

[JavaScript (12)] Javascript String 객체, String 메소드(replace, substr, split, concat 등) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 객체 - String ] 입니다. : ) ▶ 1. String 객체 생성 방법 - Javascript 에서 문자열은 간단하게 2가지 방법으로 생성 가능 하다. 1) 큰따옴표(""), 작은따옴표(''), backtick(``) ex) var 큰따옴표 = "큰따옴표"; var 작은따옴표 = "작은따옴표"; var 백틱 = `백틱`; // 백틱은 나중에 템플릿 리터럴 방식을 공부할때 자세히 알아보자. console.log(큰따옴표); console.log(작은따옴표); console.log(백틱); t..
3. 웹개발/3_2_1 Javascript 2020. 3. 28. 00:17

[JavaScript (11)] Javascript Date 객체, Date 메소드(getDate, getFullYear, getMonth 등)

[JavaScript (11)] Javascript Date 객체, Date 메소드(getDate, getFullYear, getMonth 등) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 객체 - Date ] 입니다. : ) 0. Javascript에서의 날짜 표현 - 날짜와 시간(년, 월, 일, 시, 분, 초, 밀리초)을 위한 메소드를 제공하는 빌트인 객체, 생성자 함수 이다. - 하루는 86,400,000 밀리초(millisecond)로 계산 한다. ※ 참고 ㆍUTC(Universal Time, Coordinated(협정 세계시)) - 세슘 원자 진동수의 기반의 표준시간 - 오차가 30만 년에 1초라고 할 정도로 아주 정확하고 기준이 될 수 있는 시간 이라고 한다. ㆍGMT(Green..
3. 웹개발/3_2_1 Javascript 2020. 3. 27. 14:44

[JavaScript (9)] Javascript Number 객체, Number 메소드

[JavaScript (9)] Javascript Number 객체, Number 메소드 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 객체 - Number ] 입니다. : ) 0. Number 객체란 - 보통 자바스크립트에서 수를 표현할 때는 숫자 리터럴로 표현한다. var a = 7; - 하지만 수를 표현할 때 Number 객체로 생성할 수도 있다. 이 Number 객체를 숫자 값을 감싸고 있는 래퍼(wrapper)객체 라고 한다. var b = new Number(7); - Number 객체는 숫자(원시 숫자 자료형)를 다룰 때 유용한 프로퍼티와 메소드를 제공하는 레퍼(wrapper) 객체이다. 또한 간단하게는 문자열을 숫자로 변경해주는 용도로도 자주 사용된다. var c = new N..
3. 웹개발/3_2_1 Javascript 2020. 3. 26. 15:06

[JavaScript (8)] Javascript prototype chain(프로토타입 체인)

[JavaScript (8)] Javascript prototype chain(프로토타입 체인) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 프로토타입 체인 ] 입니다. : ) 0. 들어가기 앞서 Java, C++ 등: 클래스 기반 객체지향 프로그래밍 언어 Javascript : 프로토타입 기반 객체지향 프로그래밍 언어 Java : 객체 생성 이전에 클래스를 정의하고 이를 통해 객체(인스턴스)를 생성한다. Javascript : 클래스 없이(Class-less)도 객체를 생성할 수 있다. 물론 ECMAScript 6에서 클래스가 추가 되었다. 하지만 자바스크립트는 여전히 클래스를 기반으로 하진 않는다. 위에서 정의한 것과 같이 Javascript는 자바스크립트는 클래스라는 개념이 없다. 그..
3. 웹개발/3_2_1 Javascript 2020. 3. 25. 16:30

[JavaScript (7)] Javascript 함수2 - 기본 내장함수(eval, parseInt, encodeURI, encodeURIComponent 등)

[JavaScript (7)] Javascript 함수2 - 기본 내장함수(eval, parseInt, encodeURI, encodeURIComponent 등) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 함수 - 기본 내장함수 ] 입니다. : ) 0. 들어가기 앞서 앞서 함수의 정의, 호출방법, 그리고 활용 방법 등을 간단히 알아 보았다. 자바스크립트는 사용자의 편의를 위해 몇가지 내장함수를 제공한다. 이중 사용시 유의해야할 함수, 그리고 매우 유용한 함수들이 있으니 알아보도록 하자. 1. 내장 함수 ▶ 1. eval() - 문자열을 코드로 인식하게 하는 함수. - eval("문자열") ex) var a = "1+1"; console.log(a); // 1+1 console.log(ev..
3. 웹개발/3_2_1 Javascript 2020. 3. 23. 14:47