개발하는 냥이 (=ↀωↀ=)

현재는 비권장하는 함수 (예전에 많이 사용되었으니 참고) (성능저하) eval("자바스크립트 엔진이 해석할 수 있는 문자열") "use strict" 사용시에는 eval()을 사용 할 수 없음 JSON 형태의 문자열일 경우에는 JSON.parse(JSON문자열) - ES 5부터 추가 json등으로 js 결과값을 받을 때 변환시 eval() 사용됬었음.. "{result:10, items:[{title:'a'},{title:'b'},{title:'c'}]}"; ex> var naver = eval(data2); - naver.result... naver.items[0]... 소스 var data = "var i=10 ; var j=20 ; var sum=i+j; "; var data2 = '{"result..

개발/JavaScript 2018. 12. 3. 15:15

자바스크립트의 중요기술 - 스코프 체인(실행 컨텍스트를 지역->전역에서 찾아 씀), 프로토타입 체인, this, 클로저 클로저(closure) - 함수내의 지역변수를 함수 외부에서 사용할 수 있게 하는 기술 - 생명주기가 종료된 함수의 변수를 참조할 수 있게 하는 기술 소스 function outer(val) { var msg = "당신의 메세지 : " + val; return function() { return msg; }; // 함수를 리턴 (콜백함수) } var fn = outer("하이~"); // out에서 반환한 함수를 받음 console.log(fn()); 결과 당신의 메세지 : 하이~ 소스 function nextID() { var id = 1; return function() { retu..

개발/JavaScript 2018. 12. 3. 14:37

브라우저에서 제공되는 document 객체 활용 - CSS 선택자에 해당하는 엘리먼트 하나만 가져온다. var ele = document.querySelector("CSS 선택자") 엘리먼트 속성 - innerText : 태그가 텍스트로 적용 - innerHTML : 태그가 해석되어서 적용 html 소스 DOM API 연습하기 - 1 클릭해봐... 랜덤변경 CSS 선택자에 해당하는 모든 엘리먼트가 반환됨.. var eles = document.querySelectorAll("CSS 선택자") html 소스 연습하기 - 2 사과 배 포도 딸기 클릭

개발/JavaScript 2018. 12. 3. 13:07

- 특정한 시간 뒤에 함수를 실행시킴(콜백함수) id setTimeout(콜백함수, 밀리세컨드단위의시간) - 등록된 정보를 취소하기 clearTimeout(id); var id = setTimeout(function () {}, 10000) - 10초뒤에 함수 실행하는 동작에 대한 id를 반환 console.log("setTimeout 설정 후..."); 소스 function fn() { var date = new Date(); var time = date.toLocaleTimeString(); // 현재 지역 시간 정보 console.log(time); var id = setTimeout(fn, 1000); // fn 함수가 끝나기전 재호출.. 1초마다 // 취소하기 clearTimeout(id); }..

개발/JavaScript 2018. 11. 29. 14:06

즉시 실행 함수 - 함수를 정의함과 동시에 바로 실행 - 최초 한번만 실행하는 코드를 처리하기에 적합.. - 대다수의 라이브러리에서 사용 형태 (함수정의)(실행하기 위한 매개변수 값, ...); 소스 "use strict"; // use strict를 함수로 인식해서 ; 처리함 //익명함수에 대한 정의, 실행 (function() { console.log("즉시 실행 함수 호출됨..."); })(); (function(msg) { console.log("즉시 실행 : ", msg); })("test"); 결과 즉시 실행 함수 호출됨... 즉시 실행 : test

개발/JavaScript 2018. 11. 29. 13:56

함수의 매개변수 타입이 기본형인 경우 원본 데이터에 영향이 없다. 소스 "use strict"; var i = 100; // 글로벌 변수 console.log("i : ", i); function fn(i) { // var i 이 생략된 형태로, 함수내에서 선언된 변수 i 이다. i = i + 100; console.log("fn i : ", i); } // 넘겨준 매개변수가 기본형으로 원본 데이터에 영향이 없다. fn(i); // 글로벌변수 i console.log("글로벌 i : ", i); 결과 i : 100 fn i : 200 글로벌 i : 100 매개변수에 객체 타입이 넘어온 경우 원본 데이터에 영향을 끼친다. 소스 "use strict" var arr = [10, 20, 30]; console..

개발/JavaScript 2018. 11. 29. 13:41

콜백함수 이해하기 - 1 - 자바스크립트 라이브러리에서 가장 많이 사용되는 형태 - 함수형 프로그래밍 : 활용하는 형태... - 함수도 데이터 타입의 일종이기 때문에 값처럼 주고 받을 수 있다. 소스 "use strict"; function fn() { console.log("fn 호출됨.."); } // 함수는 값처럼 사용 가능하기 때문에 변수에 담을 수 있다. (일급객체) var f1 = fn; var f2 = fn; fn(); f1(); f2(); 결과 fn 호출됨.. fn 호출됨.. fn 호출됨.. 콜백함수 이해하기 - 2 - 매개변수로 함수 넘기기 - 매개변수로 함수를 넘길때 주로 익명함수를 많이 사용한다. (대부분 일회성으로 사용되기에..) 소스 function fn(callback) { //..

개발/JavaScript 2018. 11. 29. 13:16

내부 함수 - 함수 안에 선언된 함수 - 내부함수의 호출은 자신이 선언된 외부함수 내에서만 접근이 가능함 소스 "use strict"; // 자신을 감싸는 함수가 없는 외부 함수 function outerFn() { console.log("outerFn"); // 내부 함수 function innerFn() { console.log("innerFn"); } // innerFn을 포함하고 있는 함수내에서만 호출 가능 // 내부 함수 호출 innerFn(); } outerFn(); // 외부에서 호출 불가능 //innerFn(); 결과 outerFn innerFn

개발/JavaScript 2018. 11. 29. 11:15