본문 바로가기

분류 전체보기

(246)
[TIL] 19.02.06 오늘 한 일Vue.js trello 만들기 - 인증 부분 듣고 실습, 커밋오늘 느낀 점, 생각es6 필요한 부분 러프하게 듣고 vue로 다시 넘어왔다. es6 듣기 전보단 나은거 같은데 vue 내용도 아직 익숙치 않다. 일단 따라 치면서 그런가보다 하고 다음에 플젝 만들어볼 때 코드 참고하면서 추가적으로 공부해야겠다. 그때 그때 코드보고 알고싶은건 도서관에서 빌려온 [Vue.js 첫걸음] 책을 참고하려고 한다. 책 한권만 후루룩 읽어서 모조리 머리에 넣기보단 필요할 때마다 모르는 부분 공부하는게 나을 것 같다. 내일 할 일없음
[JS/ES6] Object assign Object assign Object를 원초적, 직접적으로 할당받는 방법을 소개합니다. const healthObj = { showHealth : function() { console.log("오늘의 운동시간:" + this.healthTime); }}const myHealth = Object.assign(Object.create(healthObj), { name: "yj", healthTime: "15:00"});console.log("myhealth is ", myHealth);myHealth.showHealth(); Object.create(obj) 만 사용할 경우 object를 생성만 하고 값을 넣지 않은 형태입니다. 값을 따로 지정해주어야 합니다.Object.assign은 create 값과 넣을..
[JS/ES6] class로 객체 생성 class로 객체 생성 // 기존 js function Flower(name) { this.name = name; } Flower.prototype.showFlower = function() { console.log("꽃의 이름은 " + this.name + " 입니다."); }; const f = new Flower('장미'); f.showFlower(); // ES6 class class Flower2 { construnctor(name) { this.name = name; } showFlower() { console.log("꽃의 이름은 " + this.name + " 입니다."); } } const f2 = new Flower('튤립'); f2.showFlower(); 기존 js에서 생성자를 만들..
[JS/ES6] default parameters, rest parameters default parametersfunction gob(a, b) {return a * b;} console.log(gob(2)); // NaN함수에 선언된 파라미터의 개수만큼 호출하지 않게 되면 b는 undefined 가 되고 sum(2)의 결과로 NaN 을 출력합니다. function gob2(a, b=3) {return a * b;} console.log(gob(2)); // 6b의 파라미터 값을 초기화해두어서 파라미터가 제대로 들어오지 않았을 경우에 초기화된 파라미터 값을 사용했습니다.이렇게 파라미터의 초기 값을 지정해두는 것이 default parameters 입니다. 객체로 초기화function objGob(a, b={value:2}) {return a * b.value;} console.lo..
[TIL] 19.02.04 오늘 한 일인프런 es6 강의 듣기 (Template, Arrow function), template 예제 커밋, 포스팅오늘 느낀 점, 생각자바스크립트며 es6묘 배울수록 알아야하는게 많고 어렵다는게 느껴진다. 이걸 다 머리 속에 넣는 것도 힘들고.. 계속 많이 써보는 수밖에 없을 것 같다. 일단 빨리 듣고 모르는건 그때그때 다시 짚어 봐야 겠다. 내일 할 일인프런 es6 객체, 모듈 듣기(내일은 설날 ! 알바하는 날 ^^..)
[JS/ES6] 화살표 함수 (Arrow function) 화살표 함수 사용법 기존 익명 함수를 만들 때 function () {} 으로 사용했던 것을 화살표 함수를 사용해서 '축약형'으로 나타냅니다. // 이전 자바스크립트 버전 setTimeout (function() {console.log('hello world');}, 1000); let newArr = [1,2,3,4,5].map(function(value, index, object) {return value * 3;}); // ES6 화살표 함수 사용 setTimeout (() => {console.log('hello world');}, 1000); let newArr = [1,2,3,4,5].map((v) => (v*3) ); 매개변수 지정법 () => {...} // 매개변수가 없을 때 x => {..
[JS/ES6] template, tagged template literals template const string1 = b + ', my ' + a + ' ' + object.c;처럼 문자열과 변수를 + 를 이용해 잇는 것을 조금 더 편하게 하기 위해 const string2 = `${b}, my ${a} ${object.c}`;이렇게 jsp의 el태그처럼 생긴 것을 사용하는 방법이 template 입니다. "", ''같은 따옴표가 아닌, 백틱 이라는 `` 따옴표를 사용하여 그 안에 문자열과 ${변수} 를 담습니다. const a = 3; const b = 'hi'; const object = { c: 'friends' } const string1 = b + ', my ' + a + ' ' + object.c; const string2 = `${b}, my ${a} ${obje..
[TIL] 19.02.03 오늘 한 일인프런 es6 강의 듣기 (Array, 실습예제, Object), 포스팅, 예제 git 커밋git flow 포스팅 읽기 (http://woowabros.github.io/experience/2017/10/30/baemin-mobile-git-branch-strategy.html) (http://blog.naver.com/PostView.nhn?blogId=tmondev&logNo=220763012361&fbclid=IwAR2CeqIw8femYDJJDVfVZ6FHdyuJuUuitZPdHKEoADuQTR3SOXPuSYm7cMI) 오늘 느낀 점, 생각es6 실습 문제는 DOM도 다뤄야했던 문제였다. 저번에 생활코딩으로 javascript, 브라우저 javascript 둘 다 들었는데도 막상 코딩하려..