개발자
-
<javascript> BOM , DOM 에 대해서개발자 2021. 6. 21. 23:40
브라우저 기반의 여러 객체들이 있다. JavaScript는 이런 웹 브라우저 기반의 객체 위에서 동작하니 잘 알아야 할 필요가 있다. BOM이란 무엇인가? 웹 서비스 개발은 브라우저와 밀접한 관련이 있다. 모든 서비스는 사실 웹 브라우저를 바탕으로 실행이 된다. 이 브라우저와 관련된 객체들의 집합을 브라우저 객체 모델(BOM: Browser Object Model)이라고 부른다. 이 브라우저 객체 모델(BOM)을 이용해서 Browser와 관련된 기능들을 구성한다. DOM은 이 BOM 중의 하나다. 브라우저 객체 모델(BOM)의 최상위 객체는 window라는 객체다. DOM은 이 window 객체의 하위 객체이기도 하다. DOM이란 무엇인가? DOM은 Document Object Model의 약자이다. D..
-
<javascript> 클로저 Closure에 대하여..개발자 2021. 6. 20. 11:53
자바스크립트의 중요한 개념 클로저에 대하여 알아보자 클로저 클로저(closure)는 내부함수가 외부함수의 맥락에 접근할 수 있는것을 가르킨다. 클로저는 자바스크립트를 이용한 고난이도의 테크닉을 구사하는데 필수적인 개념으로 활용된다. function outter() { var title = 'Hello~'; function inner() { alert(title); } inner(); } outter(); 이와 같은 경우 내부함수 inner()는 자체에 지역변수 title을 가지고 있지 않으므로, 외부에서 title변수를 찾는다. 이처럼 내부함수는 외부함수의 지역변수에 접근 할 수 있다. 클로저(closure)는 내부함수와 밀접한 관계를 가지고 있는 주제다. 내부함수는 외부함수의 지역변수에 접근 할 수 있..
-
<javascript> JSON에 대하여....개발자 2021. 6. 17. 23:00
JSON (JavaScript Object Notation) JavaScript Object Notation라는 의미의 축약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식 Javascript에서 객체를 만들 때 사용하는 표현식을 의미 JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작아서, 최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용 JSON은 데이터 포맷일 뿐이며 어떠한 통신 방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 표현 방법 JSON 특징 서버와 클라이언트 간의 교류에서 일반적으로 많이 사용된다. 자바스크립트 객체 표기법과 아주 유사하다. 자바스크립트를 이용하여 JSON 형식의 문서를 쉽게 자바스크립트 객체로 변환할 수 있는..
-
<jquery> .attr(), .prop()의 차이개발자 2021. 6. 17. 22:26
jquery로 코딩을 하면서 한가지 의문이 발생했다. 값을 주는 중에 attr()과 prop()가 무슨 차이가 있냐는 것에 대한것이다. 차이점을 찾아보기 시작했다 jquery1.6에서 attr()로 하던 처리를 attr()과 prop()로 나눴다고 한다. 원래 따로 만들어져 있어야 하는 기능이지만, 같이 사용하게 되면서 버그가 많아졌다고 한다. javascript에서는 완전히 다른 두개이지만 jquery1.6 이후 부터 메서드가 일부 속성을 검색할 때 속성값을 고려하기에 이를 같은 것처럼 사용하고 있었다. jquery를 알아보기 위해서 jQuery API Documentation 에 검색을 해보았다 1. attr() 메서드 - HTML의 속성(attribute)을 취급 - HTML으로서 기록되어 있는 속..
-
-
[javascript] array method 배열 함수들의 종류에 대해서개발자 2021. 6. 15. 14:57
pop 배열 뒷부분의 값을 삭제 var arr = [ 1, 2, 3, 4 ]; arr.pop(); console.log( arr ); // [ 1, 2, 3 ] push 배열 뒷부분에 값을 삽입 var arr = [ 1, 2, 3, 4 ]; arr.push( 5 ); console.log( arr ); // [ 1, 2, 3, 4, 5 ] unshift 배열 앞부분에 값을 삽입 var arr = [ 1, 2, 3, 4 ]; arr.unshift( 0 ); console.log( arr ); // [ 0, 1, 2, 3, 4 ] shift 배열 앞부분의 값을 삭제 var arr = [ 1, 2, 3, 4 ]; arr.shift(); console.log( arr ); // [ 2, 3, 4 ] splice..
-
[javascript] 키보드이벤트 - onkeyup, onkeydown, onkeypress개발자 2021. 6. 12. 15:32
onkeydown : 키를 눌렀을때 이벤트이다 (*****shift, alt, controll, capslock 등의 모든 키에 동작한다. 단 한영변환, 한자 등의 특수키는 인식 못한다). onkeyup : 키를 눌렀다가 땠을 때 이벤트이다 (onkeydown 에서 인식하는 키들을 인식 한다). onkeypress : 실제로 글자가 써질때 이벤트이다 (shift, tap, enter 등의 특수키는 인식 못한다).
-
[jquery] 동적 요소 생성개발자 2021. 6. 11. 15:20
jQuery 요소 생성 var obj = $(""); obj.attr("id", "obj").addClass("temp"); obj.attr("name", "temp"); 요소 및 내용 추가 관련 A.html(B) : A의 시작태그와 끝태그 사이의 내용을 B로 대체 A.append(B) : A의 내용 맨 뒤에 B를 추가 A.prepend(B) : A의 내용 맨 앞에 B를 추가 A.insertBefore(B) : A를 B의 직전에 삽입 A.insertAfter(B) : A를 B의 직후에 삽입 A.empty() : A의 모든 내용 비움 A.remove() : A 제거