메이쁘

안녕하세요. 자바스크립트라는 언어에 대해 기본부터 다시 공부하며 자바스크립트를 정복하기 위해 포스팅하게 되었습니다. 여러 블로그 글을 참고하며 머릿속에 집어넣고, 이를 정리하는 차원에서 작성해봅니다. 자바스크립트에서 객체(Object) 란? - 키(Key) 와 값(Value) 로 이루어진 프로퍼티(property) 들의 집합. - 즉, 여러 프로퍼티(Key - value) 들을 하나의 변수(Object 변수명) 안에 담을 수 있는 데이터 타입입니다. - 이러한 프로퍼티의 값(value) 으로 자바스크립트의 모든 데이터가 가능하다는 자바스크립트만의 특징이 있습니다. 그래서 객체 내 값으로 객체, 배열, 정규표현식, 함수 등을 사용할 수 있습니다. *** 자바스크립트의 함수는 일급 객체로서, 하나의 값으로 ..

안녕하세요. 배열의 loop를 위해 ES6 전에는 for, forEach 문을 사용했다면 ES6 부터는 filter, map, reduce 함수를 다들 사용하게 되었습니다. 그러면 각각에 대해 핵심만 알아보겠습니다. *** 예제를 바로 테스트하고 싶다면, F12 - Console 에서 복사-붙여넣기 후 엔터 ! forEach() - "실행" 시 사용되는 순회 함수. 로그나 API 호출 시 적합합니다. - 즉, 배열의 원소를 하나씩 탐색하며 원소를 가지고 어떤 일을 하고자 할 때 사용합니다. - 밖으로 리턴 값을 줄 수 없습니다. 그래서 내부적으로 값 변경 후 저장하고 싶다면, 별도의 변수를 선언해서 담아야 합니다. - ES6 부터는 배열 뿐 아니라 Map, Set 에서도 사용 가능합니다. var arr ..

var ele = document.getElementById('temp'); var ele = $('#temp'); 이 두 개는 같으면서도 다르다. 카카오 맵 API를 사용하기 위해 안에 map 객체를 넣으려고 할 때 오류가 발생했었다. 그 오류를 찾아보니 var 변수가 가리키는 객체가 같지만 다르기 때문에 발생했던 것이다. 필자는 아래 jQuery를 사용해서 를 찾았는데, API Sample도 그렇고 위 document로 바꾸니 오류 해결하고 정상 작동되었다. *** 물론 jQuery를 써서 해결하는 방법도 알았다. document.getElementById('temp'); 는 HTML DOM 객체를 리턴하고 $('#temp') 는 jQuery 객체를 리턴한다. 그래서 혹시 HTML DOM 객체를 이용..