JavaScript
-
javascript 자바스크립트 var app = app || {} 의미JavaScript 2021. 9. 20. 17:48
자바스크립트를 잘하는 개발자가 뭔가 스크립트를 모듈로 짤때 이러한 문법을 봤을것이다. || 는 OR를 의미한다. var app = app || {} 중에서 빨간색 app부분이 기존a pp객체가 있으면 유지하고 없으면 app을 {}로 빈 객체를 할당한다. var app = app || {} 는 if(!app) { var app={}; } 와 같은 뜻이다. 왜 사용할까? // apple.js 파일 내용 var app = {}; app.apple = function() { alert('I like Aplle!'); }; // orange.js 파일 내용 var app = {}; app.orange = function() { alert('I like Orange!'); }; 한 html 파일에 첫줄 apple...
-
javascript evnet?? 자바스크립트 이벤트란??JavaScript 2021. 9. 11. 20:50
이벤트, event 사전적 의미는? 여러 경기로 짜인 스포츠 대회에서, 그 일부인 단일 시합을 이르는 말 많은 사람을 모아 놓고 개최하는 행사. 순화어는 `행사'. 하지만 자바스 스크립트에서 이벤트(evnet)란 브라우저 환경의 DOM요소와 관련되어 발생하는 어떤 사건을 의미한다. 사용자가 클릭을 했을 '때', 스크롤을 했을 '때', 뭔가 브라우저안에서 입력하고 삭제를 했을 '때' 마우스로 브라우저를 만질 '때' 라고 하자 HTML 요소와 DOM 요소? HTML은 우리가 html 문법을 사용하여 작성한 html 파일 자체를 의미한다. DOM은 넓은 의미로 웹 브라우저가 HTML 페이지를 인식하는 방식을 의미한다. 조금 좁은 의미로 본다면 document 객체와 관련된 객체의 집합을 의미라고 생각하자. 이..
-
javascript 자바스크립트 map, reduce, filter, find, every 응용하기JavaScript 2020. 10. 10. 18:17
/*json Array 중복 값 찾기*/ let _jsonArray = [{“name” : “aa”, “id”: “aa” },{“name” : “bb”, “id”: “bb” },{“name” : “cc”, “id”: “aa” },{“name” : “dd”, “id”: “dd” },{“name” : “ee”, “id”: “ee” }]; let _result = _jsonArray.reduce(function(obj,key){ if(!obj[key.id]){ obj[key.id] = 0; } obj[key.id] += 1; if(obj[key.id == 2){ alert(“중복된 데이터가 있습니다.”); return false; } return obj; }, {}); /*배열내 특정 키 값의 중복값 구하기 ..
-
-
JSON.stringify 과 JSON.parse 차이점JavaScript 2020. 3. 9. 12:07
// JSON.stringify JSON.parse 비교 1. JSON.parse 서버에서 json dataq쿼리의 결과값은 객체(object) 형태로 유입되기 때문에 이럴 경우는 자바스크립트가 사용 할 수 있는 객체 형태로 해석하고 변환할 필요가 있다 // Sever Object var SERVER_OBJ = '{"이름": "김자바","직업": "개발자","나이": "20"}'; var parse = JSON.parse(SERVER_OBJ); console.log(parse); // 결과 => Object {이름: "김자바", 직업: "개발자", 나이: "20"} //이와 같이 객체.필드 형태로 사용하고자 한다면 반드시 JSON.parse 를 거쳐야 한다. 2. JSON.stringify 데이터를 서버..
-
Javascript 함수(function)란?JavaScript 2019. 11. 2. 22:04
대부분 자바스크립트에서 함수를 설명할 때 "자바스크립트에서 함수는 first-class object(또는 citizen, value)다" 라고 정의한다. 그렇다면 first-class object란? first-class object는 변수에 저장할 수 있어야 한다. first-class object는 함수의 파라미터로 전달할 수 있어야 한다. first-class object는 함수의 반환값으로 사용할 수 있어야 한다. first-class object는 자료 구조에 저장할 수 있어야 한다. 위와 같은 조건들을 충족시키는 객체를 first-class object라고 한다. Java에서 메소드는 위 조건들을 충족시키지 못하기 때문에 first-class citizen으로 취급하지 않는다. 자바스크립트에서..