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

선언적 함수란? (어느위치에서나 사용 가능) - 함수 선언시 이름이 있는것 - 컴파일 시점에 함수 정보를 등록 (함수 호이스팅) - 함수를 선언하기 이전에 사용이 가능하다. (호이스팅이 되기 때문에) (선언문이 위로 끌어 올려짐) - 함수가 별도의 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

자바의 if, switch, for 구문을 동일하게 사용 소스 var i = 10; if (i == 10) { console.log(i); } switch (i) { case 10: console.log(i); break; } for (i = 1; i < 11; i++) { console.log(i); } 결과 10 10 1 2 3 4 5 6 7 8 9 10 ES 5 추가 (ECMA Script) forEach for ~ in : 객체의 키를 반환 ES 6 추가 for ~ of : 객체의 값을 반환 소스 "use strict"; // 배열은 객체타입, object, {"id":"aaa"}, 객체는 키와 값의 쌍으로 되어 있음 var arr = [10, 20, 30]; for (var i = 0; i < ..

개발/JavaScript 2018. 10. 25. 10:48