javascript
-
Array-like objects [javascript] :: 마이구미Javascript 2017. 4. 21. 19:58
이번 글은 자바스크립트에서의 "Array-like objects" 를 다뤄본다.Array-like objects 익숙하지 않는 용어일 수도 있다.그대로 해석하면 배열 같은 객체? 한번 알아보자. 자바스크립트에서 몇몇 객체는 배열처럼 보이지만, 실제로 배열은 아니다.이것이 바로 Array-like objects 라고 불린다. Array-like objects의 조건은 아래와 같다.배열처럼 인덱스로 접근이 가능하고, length 속성이 존재한다.실제 배열의 네이티브 메소드인 push, forEach, indexOf 와 같은 메소드는 존재하지 않는다. (Array Document) Array-like objects의 두가지 예로는 아래와 같다.document.getElementsByClassName() 의 결..
-
이미지 슬라이드 [javascript] :: 마이구미Javascript 2016. 8. 1. 21:18
최신 글 - http://mygumi.tistory.com/326 이번 글은 이미지 슬라이더에 대해 알아볼 것이다.다들 페이지 작업을 해봤다면 누구나 이 기능을 넣을려고 했을 것이다.많은 라이브러리가 존재하고 대중화된 기능이다. 대중화되고 쉽게 라이브러리가 존재하여도 힘든 사람들을 위해 작성해보았다. 사용할 라이브러리는 딱 필요한 기능과 적절히 확장할 수 있다.또한 자바스크립트로만 만들어진 라이브러리다.그러므로 jquery를 사용하지 않는다면 더더욱 좋은 라이브러리이다. 간단히 샘플 소스를 보자. html 소스 위의 소스만 있으면 이미지 슬라이더 기능을 사용할 수 있다. 아래 페이지를 참고하자.샘플 페이지 실질적인 라이브러리 스크립트 파일을 보면 아래와 같다. javascript 소스 var slider..
-
자바스크립트 메모리 관리 [가비지 컬렉션] :: 마이구미Javascript 2016. 7. 12. 21:56
이번 글은 자바스크립트의 메모리 관리에 대해 알아볼 것이다.C를 사용해 봤다면 malloc() 과 free() 사용했을 것이다.예를 들어 무언가를 생성하고 메모리를 할당하고 필요없어지면 메모리에서 없애버리기 위해 사용한다. 이렇게 C나 C++은 메모리를 직접 할당하고 해제하여야한다.그에 반해 자바는 GC라는 녀석이 자동으로 메모리를 관리해주고 있다.이 GC가 가비지 콜렉션(Garbage Collection)이다. 이것은 C와 JAVA의 큰 차이 중 하나이다. 자바스크립트 또한 자바처럼 GC를 통해 메모리를 관리한다.다시 한번 말하자면 C나 C++은 소스를 통해 메모리를 직접 할당하고 직접 해제하여야한다.그에 반해 자바나 자바스크립트와 같은 고급 언어들은 GC라는 녀석이 알아서 필요없으면 메모리를 해제하여..
-
ie에서 indexOf() 해결 방안을 알아보자.크로스 브라우징 2016. 6. 19. 15:05
이번 글은 자바스크립트의 Native 메소드인 indexOf()에 대해서 알아보자. 누구나 한 번쯤은 썼을 것이다. 유용한 메소드이기 때문이다.간략히 말하면 문자열의 위치를 알려주는 메소드이다.간단한 예제를 보자. var str = "자바스크립트 indexOf" str.indexOf('indexOf') // 7 var arr = ['자바스크립트','indexOf'] arr.indexOf('indexOf') // 1 indexOf를 사용할 때 뭔가를 찾고 싶을 때 사용할 것이다. 여기서 내가 말하고자 하는 것은 indexOf 메소드는 하나의 메소드가 아니다.무슨 말이냐하면.indexOf 메소드는 String의 네이티브 메소드, Array의 네이티브 메소드 각각의 네이티브 메소드이다.즉 기능은 같지만 엄연히..
-
nodejs를 이용해 데이터베이스에 삽입하기(객체배열)Nodejs 2016. 6. 12. 17:20
이번 글은 ajax를 활용해 DB에 삽입하는 과정을 살펴보겠다.역시나 javascript, nodejs를 사용한다. 예시의 흐름은 이렇다.클라이언트 쪽에서 객체배열을 ajax를 post 형식으로 서버로 전달하여 db에 삽입할 것이다.객체배열은 이러한 형태이다. [ { a : 'a1', b : 'b1' }, { a : 'a2', b : 'b2' }, {......} ] 시작해보자.간단히 ajax를 이용할 함수를 만들겠다.function send_nodeDB(){ var data = [{},{}....]; //ArrayObject $.ajax({ type:"POST", url:'http://182.161.117.18:8888/db', data: JSON.stringify(data), contentType: ..
-
크로스 도메인 No 'Access-Control-Allow-Origin' 해결해보자크로스 브라우징 2016. 6. 11. 15:33
이번 글은 크로스 도메인에 관련된 글이다.웹 개발 하는 도중 크로스 도메인 문제를 안 겪은 사람은 없을 것이다.해결방법은 여러가지 있겠지만, 이 글에선 jsonp를 통해 해결해보겠다.client는 당연히 javascript를 이용할 것이고, server는 nodejs를 이용하겠다. client 도메인 - 'http://182.161.117.18' server 도메인 - 'http://182.161.117.18:8888' $.ajax({ url: 'http://182.161.117.18:8888/', type: 'get', dataType: 'json', contentType: "application/json", success: function (data) { }, error:function(request..