TIL - 0822

2021. 8. 25. 23:52TIL

개발자로 첫 출근한지 일주일 + 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등)