전체 글21 [Javascript] 비구조화 할당 객체, 배열로부터 속성이나 요소를 쉽게 꺼낼수 있다. node는 모듈을 사용하므로 이런 방식을 자주 사용하다. 기존의 방법 let candyMachine = { status: { name: 'node', count: 5, }, getCandy: function() { this.status.count--; return this.status.count; } }; let getCandy = candyMachine.getCandy; let count = candyMachine.status.count; 새로운 방법 let candyMachine = { status: { name: 'node', count: 5, }, getCandy() { this.status.count--; return this.status.c.. 2019. 11. 22. [Javascript] 화살표 함수 Arrow Function function 선언 대신 => 기호로 함수를 선언할 수 있다. 변수에 대입하면 나중에 재사용 가능하다. 기존의 function과 다른점은 this 바인드 방식. 아래 코드를 보면, 1. relationship1의 forEach 안의 function에선, 각자 다른 스코프의 this를 가지므로, that에 this를 대입해서 사용 2. relationship2의 forEach는 화살표 함수를 사용했음. logFriends()의 this를 그대로 사용 가능. const relationship1 = { name: 'zero', friends: [], logFriends: function() { let that = this; //relationship1을 가리키는 this를 that에 저장 this.frien.. 2019. 11. 21. [Javascript] 객체 리터럴 객체에 동적응로 속성을 추가할 수 있다. 또, sayNode와 같이 속성명과 변수명이 겹칠 경우 한 번만 쓸 수 있다. let sayNode = function() { console.log('Node'); } let es = 'ES'; const newObject = { sayJS() { console.log('JS'); }, sayNode, [es + 6]: '객체리터럴', }; newObject.sayNode(); //Node newObject.sayJS(); //JS console.log(newObject.ES6); //객체리터럴 기존에는 객체 리터럴 바깥에서 [es + 6]을 해야 하고, sayNode에 sayNode를 넣어야한다. let sayNode = function() { console.l.. 2019. 11. 21. [Javascript] node.js에서 mybatis.. 어제 면접을 봤는데, node.js에서 DB연동을 할때 mybatis를 썼냐는 질문에 안쓰고 db별로 제공하는 모듈을 썼다고 하니 고개를 갸우뚱하셔서.. 그때 질문을 못하고 끝나고 와서 공부했다. es6에선 Template String이 지원되니 따로 모듈로 빼서 관리를 했는데.. 아직 이유는 모르겠지만 상황에 맞게 쓰면 되지않을까 싶다. 우선. mybatis모듈은 mybatis-mapper를 썼다. 사용법은 java에서 사용한것과 거의 비슷하다. npm install --save mybatis-mapper 아래 예제는 https://www.npmjs.com/package/mybatis-mapper SELECT name, category, price FROM fruits WHERE category = '.. 2019. 11. 9. [Javascript] 함수 선언식, 표현식 이전에 대충 정리한 함수 선언식, 표현식 글을 보니 너무 대충 공부한 티가 나서 다시 정리한다. 이전글 우선 호이스팅 을 알아야한다. 함수 선언식과 표현식의 차이점은 호이스팅에 영향을 받는가?이다. 함수선언식은 호이스팅에 영향을 받지만, 표현식은 받지 않는다. // 실행 전 logMessage(); sumNumbers(); function logMessage() { return 'worked'; } var sumNumbers = function () { return 10 + 20; }; 호이스팅 되면 아래와 같이 인식된다. // 실행 시 function logMessage() { return 'worked'; } var sumNumbers; logMessage(); // 'worked' sumNumber.. 2019. 11. 8. [Javascript] 콜백함수(Callback function) 콜백함수 정의를 찾아봤다. 콜백(Callback)이란 옵저버(Observer) 디자인 패턴에서 나온 개념으로 객체의 상태 변화(이벤트)가 발생하였을 경우에 이러한 사실을 함수를 통해 전달하게 되는데, 이를 콜백 함수라고 합니다. 콜백함수는 javascript 특히, ajax나 jQuery를 사용할 때, 알게 모르게 많이 사용하고 계셨을 것입니다. $("#myButton").on("click",function () { // 콜백 함수 }); $.ajax({ url :"URL", type:"GET", success:function () { // 콜백 함수 }, error:function () { // 콜백 함수 }, complete:function () { // 콜백 함수 } }); 출처: https://b.. 2019. 11. 7. 이전 1 2 3 4 다음