TIL 21.09.27

Javascript Object Initializer

간혹 헷갈리는 문법을 정리하였다. 객체지향 언어에만 익숙해서 그런지 아래 문법은 확 와 닿지가 않는다.

Computed Property names (ES2015 )

let prop = 'foo';
let o = {
	[prop]: 'hey',
    ['b' + 'ar']: 'ther',
}

bracket [ ,] 안에 식을 넣을 수 있다.

let i = 0;
let a = {
	['foo' +  ++i]: i,
    ['foo' + ++i]: i,
}
console.log(a.foo1)  // 1
console.log(a.foo2)  // 2

Shorthand property names ( ES2015 )

let a = 'foo', b=42, c={}
let o = {a,b,c}
console.log(o)
// 결과 
{
    "a": "foo",
    "b": 42,
    "c": {}
}

fieldset

잘 모르고, 잘 사용하지 않은 HTML tag 중 하나.

여러 컨트롤과 레이블을 묶을때 사용한다.
참고 자료: https://developer.mozilla.org/ko/docs/Web/HTML/Element/fieldset