ECMAScript
-
이번 포스트는 템플릿 문자열에 대해서 가져왔습니다! 템플릿 문자열?? 템플릿 문자열이란 미리 준비되어 있는 틀 안에 문자열을 넣는 것입니다. 이렇게 이야기하면 이해가 안되시죠? 바로 코드를 보여드리겠습니다. 기존문자열 var a = 3; var b = 'hi'; var object = { c: 'friends' }; var string = b + ', my ' + a + ' ' + object.c; // 'hi, my 3 friends' 기존에 문자열을 만들 때에는 +와 따옴표를 사용하고~ 띄어쓰기도 고려해야하고~ 복잡한 방식으로 문자열을 만들었습니다. 템플릿문자열 const string2 = `${b}, my ${a} ${object.c}`; 되게 간단해졌습니다! 따옴표 대신 ` 백틱을 사용하였고 문자..
ECMAScript (ES6) 템플릿 문자열이번 포스트는 템플릿 문자열에 대해서 가져왔습니다! 템플릿 문자열?? 템플릿 문자열이란 미리 준비되어 있는 틀 안에 문자열을 넣는 것입니다. 이렇게 이야기하면 이해가 안되시죠? 바로 코드를 보여드리겠습니다. 기존문자열 var a = 3; var b = 'hi'; var object = { c: 'friends' }; var string = b + ', my ' + a + ' ' + object.c; // 'hi, my 3 friends' 기존에 문자열을 만들 때에는 +와 따옴표를 사용하고~ 띄어쓰기도 고려해야하고~ 복잡한 방식으로 문자열을 만들었습니다. 템플릿문자열 const string2 = `${b}, my ${a} ${object.c}`; 되게 간단해졌습니다! 따옴표 대신 ` 백틱을 사용하였고 문자..
2023.01.27 -
ES6 때 자바스크립트에 화살표 함수가 추가되었습니다! 기존 함수 코드 var object = { name: 'Zero', friends: ['One', 'Two', 'Three'], alertFriends: function() { var self = this; this.friends.forEach(function(friend) { alert(self.name + ' and ' + friend); }); } }; object.alertFriends(); // 세 번 알림 function(매개변수){} forEach문 안에서 this가 바뀌기 때문에 미리 self에 object의 this를 저장해서 활용했습니다. 화살표 함수 코드 const object2 = { name: 'Zero', friends: [..
ECMAScript (ES6) 화살표 함수ES6 때 자바스크립트에 화살표 함수가 추가되었습니다! 기존 함수 코드 var object = { name: 'Zero', friends: ['One', 'Two', 'Three'], alertFriends: function() { var self = this; this.friends.forEach(function(friend) { alert(self.name + ' and ' + friend); }); } }; object.alertFriends(); // 세 번 알림 function(매개변수){} forEach문 안에서 this가 바뀌기 때문에 미리 self에 object의 this를 저장해서 활용했습니다. 화살표 함수 코드 const object2 = { name: 'Zero', friends: [..
2023.01.27