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

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

소스 "use strict"; // undefined var msg1; if (msg1 == undefined) console.log("변수는 존재하지만 값이 없는 상태이다."); var msg2 = 20; msg2 = undefined; // 값이 존재하는 변수를 undefined로 변경 가능, type이 없어짐 // undefined에 "undefined" 하지 않도록 주의 msg2 = undefined && console.log("undefined는 직접 비교가 가능하다."); if (msg2) console.log("undefined를 이용한 false의 활용은 많이 사용됨"); // null var msg3 = null; // 특정 객체가 가리키는 주소가 없음을 지정할 때 사용 if (msg3 ..

개발/JavaScript 2018. 10. 25. 17:14

논리연산자의 활용 : 조건문을 대신해서 처리 (간단 명령일 경우) 소스 "use strict"; var num = 10; // 논리연산 && 논리연산이 아닌 실행식 가능 // 참일 경우 처리할 문장을 작성 (&& - true일때 실행) num % 2 == 0 && console.log("num은 짝수 값을 가지고 있다."); // 거짓일 경우 처리할 문장을 작성 (|| - false일때 실행) num % 2 != 0 || console.log("num은 짝수 값을 가지고 있다."); var msg; // undefined 인경우 false이기 때문에 "ㅁㅁㅁ"값이 들어감 msg = msg || "ㅁㅁㅁ"; console.log(msg); 결과 num은 짝수 값을 가지고 있다. num은 짝수 값을 가지고 ..

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

- 한번에 여러개의 메모리를 준비하는 방법 - 배열의 생성 : [] 또는 Array() 활용 소스 // 크기 생략 가능 var arr1 = []; // 현재 배열의 크기 0 var arr2 = new Array(); // 현재 배열의 크기 0 console.log("arr1.length", arr1.length); console.log("arr2.length", arr2.length); console.log(arr1[0], arr2[0]); // undefined 출력 /* 배열의 크기는 동적으로 변경된다. 크기가 지정되어 있지 않은 경우에도 데이터의 입력이 가능 배열의 길이는 가장 큰 인덱스 + 1 한 값이다 */ arr1[0] = 10; arr1[2] = 30; console.log(arr1[0], ..

개발/JavaScript 2018. 10. 25. 16:08