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

- 글로벌 변수 : 함수 밖에 선언, 전역에서 사용이 가능 - 로컬 변수 : 함수 내에 선언, 함수 내에서만 사용 가능, 함수 종료와 함께 제거된다. 소스 var msg = "글로벌 변수"; console.log("msg", msg); function fn() { var localMsg = "로컬 변수"; console.log("msg - fn", msg); console.log("localMsg - fn", localMsg); } fn(); console.log("localMsg - fn", localMsg); // localMsg is not defined // localMsg 값을 사용하기 위해서는 fn() 함수내에 정의된 localMsg가 리턴값이 있는 함수여야 함 결과 msg 글로벌 변수 msg..

개발/JavaScript 2018. 11. 28. 15:01

함수의 매개변수 - 기본 제공되는 함수의 property (내부 프로퍼티) : arguments - 유사배열 객체 : 배열과 유사하게 사용할 수 있도록 선언된 객체, length 프로퍼티를 포함한다. var arr = [10, 20, 30]; // 배열 var arr = {0:10, 1:20, 2:30, length:3} // 배열처럼 쓸수 있는 유사 배열 객체 소스 function fn() { //console.log(arguments); console.log("호출시 넘어온 매개변수 개수 : ", arguments.length); for (var i = 0; i < arguments.length; i++) { console.log(arguments[i]); } } fn(); fn(1, 10); fn(..

개발/JavaScript 2018. 11. 28. 14:56

함수의 오버로딩과 호이스팅 - 함수의 오버로딩을 지원하지 않는다. - 동일한 이름의 함수가 여러개 있을 때는 덮어쓰기 방식으로 처리된다. - 함수 호출시 매개변수의 개수는 호출에 영향을 주지 않는다. (매개변수의 갯수가 아닌 이름으로 찾는다) 소스 "use strict"; var fn = function() { console.log(0); }; fn(); function fn() { console.log(1); } fn(); function fn() { console.log(2); } fn(); function fn(num1, num2, num3) { console.log(3); } fn(1, 2, 3); 호이스팅과정 - 선언시 var fn function fn () { console.log(1); } ..

개발/JavaScript 2018. 11. 28. 14:46

ES 6 (ECMA 스크립트) 에서 추가된 화살표 함수 (Java 8부터는 람다) (arrow function) - 1 - 함수를 심플하게 정의할 수 있도록 해준다. - 형태 (매개변수) => {명령어; ...} 소스 var fn1 = function func1() { //func1(); // 재귀적 호출시, 이 블럭에서만 사용 가능 console.log("익명 fn1"); }; // func1(); 호출안됨 fn1(); // 익명함수형태에서 function 키워드만 빠진것.. 기능이 다름 // 매개변수가 없는 경우의 화살표 함수 fn1 = () => { console.log("화살표 fn1"); }; fn1(); // 매개변수가 있는 익명 함수 var fn2 = function(num) { consol..

개발/JavaScript 2018. 11. 28. 14:10

선언적 함수란? (어느위치에서나 사용 가능) - 함수 선언시 이름이 있는것 - 컴파일 시점에 함수 정보를 등록 (함수 호이스팅) - 함수를 선언하기 이전에 사용이 가능하다. (호이스팅이 되기 때문에) (선언문이 위로 끌어 올려짐) - 함수가 별도의 return문을 사용하지 않은 경우 디폴트로 undefined가 반환된다. 소스 "use strict" // fn1이 선언되기 이전에 호출이 가능하다. (컴파일시 함수의 호이스팅 과정에 의해서) var result = fn1(100, 200); console.log("fn1 : ", result) function fn1(num1, num2) { return num1 + num2; } function fn2() { } result = fn2(); console...

개발/JavaScript 2018. 10. 29. 13:40

함수(function) : 명령어들을 묶어 놓은 블럭 function [함수명]([매개변수, ...]){ 실행명령어1.. 실행명령어2.. 실행명령어3.. [ return 반환값; ] } 자바와의 차이점 - 매개변수 선언시 변수 타입에 대한 var, let, const를 붙이지 않는다. - 반환타입 자체를 표시하지 않아도 된다. - 함수명 생략 가능, 익명함수 선언적함수 소스 // 1. 파라미터(매개변수) 정보 없고, 반환값이 없는 형태 (void) function fn1() { console.log("fn1 - 1"); } // f1 이름으로 선언된 함수를 실행한다. fn1(); // 2. 파라미터 정보 없고 반환값이 있는 형태 function fn2() { console.log("fn2 - 2"); r..

개발/JavaScript 2018. 10. 29. 13:17

NodeJS를 이용한 외부모듈(서드파티) 이용하기 서드파티 모듈 : 제품을 만든 회사에서 제공하는 것이 아닌 다른 개발자들이 만들어서 배포 (외부모듈) : 웹브라우저에서 사용 불가, 콘솔환경(NodeJS환경)에서 사용 가능 자바에서의 Scanner의 역활 : prompt(비동기) : prompt-sync(동기방식-코드 실행이 완료되야 다음 코드를 실행, 한글처리 안됨) 모듈을 다운로드 할 때 npm(node package manager)을 이용한다. 모듈을 찾고 싶다면 npmjs.com 사이트를 방문 npm install 모듈명 npm install prompt-sync -> 인터넷으로 다운로드가 됨 npm i prompt-sync 다운받은 모듈을 사용하기 위해서는 require 함수를 사용한다. var..

개발/JavaScript 2018. 10. 29. 10:34

try~catch 소스 "use strict"; // function (매개변수 타입 생략 가능){} function isMan(juminNo) { if (juminNo.lengto != 13) { throw new Error("주민번호는 13자리 입니다."); } return true; // true면 남자, false는 여자 } try { var result = isMan("123456"); } catch (e) { console.log("예외 발생"); console.log(e); } console.log("정상 실행..."); 결과 예외 발생 Error: 주민번호는 13자리 입니다. at isMan (D:\dev\workspace\smarton\07_javascript\WebContent\01_b..

개발/JavaScript 2018. 10. 26. 13:54