JavaScript (14) 썸네일형 리스트형 [Node js] 콜백 함수(Callback Function)란 Callback Function 는 일반적인 Javascript function 이다. 이름 그대로 나중에 호출 되는 함수를 말한다. Callback Function(콜백 함수) 이란 함수를 전달 받은 함수안에서 호출을 하는것이다. 어떤 이벤트가 발생 했거나 특정 시점에 도달했을 때 시스템에서 호출하는 함수를 말한다. // Ex_1) $("#btn_1").click(function() { alert("btn_1 clicked"); }); // click 메소드의 인수는 변수가 아닌 함수(function)이다. // click 메소드의 인수가 바로 Callback function 이다. // click 메소드에 이름이 없는 callback function을 인수로 전달해준다. // 그리고 click 메소드.. [JavaScript] 셋(Set) 이란? 셋(Set)은 중복 되지 않는 값(value)들을 모아둔 컬렉션이다. 키(key) : 값(value) 쌍이 아닌 키(key)가 없는 값이 저장된다. 동일한 값(value)이 있다면 set.add(value)를 몇번을 해도 추가가 안된다. 중복을 허용하지 않는 경우 즉, 단 한번만 기록 하는 경우에 사용하기에 적합하다. let testSet = new Set(); let kim = {name : "kim"}; let lee = {name : "lee"}; let choi = {name : "choi"}; testSet.add(kim); testSet.add(lee); testSet.add(choi); testSet.add(lee); // 값 중복 추가 testSet.add(choi); // 값 중복 추가 .. [JavaScript] 맵(Map) 이란? 키(key)가 있는 데이터를 저장한다는 점에서 객체(Object)와 유사하다. 키(key)에 다양한 자료형을 허용한다. 객체(Object)와 달리 키(key)를 문자형으로 타입 변환 없이 그대로를 유지한다. NaN도 키(key)로 사용 가능하다. 값(value)의 삽입 순서를 기억한다. 객체(Object)는 프로퍼티 순서를 기억하지 못한다. 배열(Array)와 유사하게 내장 메서드 forEach도 지원한다. new Map() // 맵(Map)을 만든다. map.set(key, value) // 키(key)를 이용해 값(value)를 저장 map.get(key) // 키(key)에 해당하는 값을 반환한다. 키(key)가 존재하지 않으면 undefined를 반환 map.has(key) // 키(key)가 존.. [JavaScript] 반복문을 알아보자 [ JavaScript 반복문 ] 1. for : 고전적인 for문 2. for(...in...) : 객체 순회 3. for(...of...) : 이터러블 순회 ※ 이터러블에는 (String, Array, Map, Set 등이 있다.) 이터러블은 차후에 다시 알아보자 4. forEach(): 배열 순회 전용 메서드 5. while : 고전적인 while문 6. do while : 고전적인 do...while문 7. Object 객체 메서드: 객체 순회 전용 8. Array.prototye 메서드 : 배열 전용 9. Jquery 사용시 가능한 .each() 현재 내가 주로 사용하며 공부해야 할 것은 2번, 3번, 4번 이며, 이것에 대해서 천천히 알아보자 ※ 반복문은 말 그대로 반복을 하기 때문에 모든 수.. [JavaScript] 배열(Array) 이란? 배열은 자료들을 담는 자료구조 중의 하나이다. 배열에는 다양한 자료형을 섞어서 담을 수 있지만, 이런식으로는 사용하지는 않는다. 배열에는 주로 동일한 자료형을 나열해서 사용한다. 배열은 객체(Object)와 달리 순서가 있는 자료구조이다. 배열의 길이는 언제든지 늘어나거나 줄어들 수 있다. 배열은 자바스크립트의 일곱가지 원시 자료형에 해당하지 않는다. 원시 자료형이 아닌 객체형에 속하기 때문에 객체처럼 동작한다. let arr = new Array(); // 빈배열 선언 방법1 let arr = []; // 빈배열 선언 방법2 배열(Array)선언 방법으로는 2가지가 있다. 첫번째 방법 보다는 두번째 방법으로 선언을 주로 사용한다. let fruits = ["사과", "바나나", "수박"]; 위와 같이 .. [JavaScript] 객체( key : value )란? 자바스크립트의 객체는 키(key)와 값(value)으로 구성된 프로퍼티(Property)들의 집합이다. 그리고 배열과는 달리 객체는 프로퍼티를 열거할 때 순서를 보장하지 않는다. 정수 프로퍼티는 자동으로 정렬되고, 그 외의 프로퍼티는 객체에 추가한 순서 그대로 정렬된다. Javascript 객체(obeject)의 키(key)는 문자형으로 변환한다. [객체를 생성해보자] 1. let a = { }; 2. let a = new Object(); 1번 방법은 아주 간단하게 객체를 생성하는 방법이다. { } 안에 아무것도 넣지 않으면 빈 객체가 생성된다. { } 안에 무언가를 넣고 객체 생성과 동시에 프로퍼티를 넣을 수 있다. 단, 프로퍼티는 key : value 쌍으로 작성하며, 함수도 넣을 수 있다. 2번 .. 이전 1 2 다음