2021. 8. 25. 23:52ㆍTIL
개발자로 첫 출근한지 일주일 + 3일이 지났다!
이제 어느정도 적응도 되었다고 생각하여 스슬 공부를 다시 시작해보려한다.
오늘 오랜만에 취준 할때 8시간씩 앉아있었던 카페에 왔는데, 와 나 그때 어떻게 한거지?
대단했던거같다.. 그때의 열정 얼른 다시 되찾겠어

자바스크립트 문법을 사용하다보면 백틱(backtick)이라고 하는 ``이 문자를 자주본다.
const hello = '이름:' + name + '나이:' + age;
보통 따옴표를 사용해 위와 같이 하나의 문자열로 만들 수 있는데, 백틱을 사용하면
const hello = `이름: ${name} 나이: ${age}`;
이렇게 +기호없이 한번에 입력가능하다. 이 방식을 template literals라고 한다.
백틱 활용을 잘 하지 못했던 나는 <br>태그나 \n을 사용해 문장의 줄 바꿈을 표현했었다.
하지만 백틱을 사용한다면,,?!
그냥 코드에서 내가 줄을 바꾸니 바로 적용이 되구나+_+
객체와 배열을 수정할때 ES6에서 새롭게 도입된 문법들을 잘 활용하면 훨씬 간편하게 코드를 짤수가있다.
1. 단축속성명(=shorthand property names)
객체 리터럴 코드를 간편하게 작성할 목적으로 만들어졌다.
함수이름이 그대로 속성명이된다.
// 단축속성명 사용 X
function Person1(name, address) {
return { name: name, age: age };
}
// 단축속성명 사용
function Person2(name, address) {
return { name, age };
}
단축속성명을 사용함으로서 훨씬 간편하게 코드 작성이 가능하다.
2. computed property names라는 계산된 속성명은 또 어떤것일까?
객체의 속성명을 동적으로 결정하기위해 나온 문법인데,
function Object(key, value) {
const obj = {};
obj[key] = value;
return obj;
}
function Object_1(key, value) {
return { [key]: value };
}
이처럼 입력받은 key와 value를 객체로 만들어서 반환해주는 함수를 아주 간단하게 표현할 수 있다.
다음엔 자바스크립트 메소드들을 더 다양하게 공부해보고싶다.(이번에 처음 알게 된 padStart등)
'TIL' 카테고리의 다른 글
✨입사 후 첫번째 테스크, 관리자페이지1 (0) | 2021.10.12 |
---|---|
transition만 사용해 메뉴 스르륵 열리게 만들기 (0) | 2021.09.26 |
kakao map api로 지도 구현하기! (0) | 2021.09.26 |
TIL - 0901 페이지네이션 라이브러리 사용하기1 (0) | 2021.09.05 |
TIL-0825 (0) | 2021.08.26 |