테트리스 게임 만들기

https://www.youtube.com/watch?v=1lNy2mhvLFk 

 

 

css seletor에서 >의 의미

 

<div class="playground">
	<ul>
		<ul>11</ul>
	</ul>
</div>

.playground > ul {
    border: 1px solid #333;
}

위에서 .playground > ul을 선택자로 지정했을 때 .playground 바로 하위에 있는 첫번째 자식 <ul>만 선택됨

11을 가진 <ul>의 자식 <ul>은 선택x

.playground ul로만 했으면 자식, 자식의 자식 모두 선택

 

 

spread operater - MDN

(...variable)

[...array]

{...obj} 등..

 

값만 가져옴