Object spread (...)문법

객체에서 sepread문법 사용시 값 복사 혹은 override 된다.

• state object는 복사되고, next object는 selectedIndex값이 업데이트 됨

let state = { fetchedLanguages: [],
        selectedLanguages: [],
        selectedIndex: 0,
    }
    
let next = {selectedIndex : 1}

state = {...state, ...next}

//result
{fetchedLanguages: Array(0), selectedLanguages: Array(0), selectedIndex: 1}
fetchedLanguages: []
selectedIndex: 1
selectedLanguages: []
[[Prototype]]: Object

Atomic design

• 원자: HTML tag
• 분자: HTML tag를 모아 하나의 기능을 하는 컴포넌트
• 유기체: 여러 컴포넌트가 모인 header, main, footer영역

script type = "module"

HTML element를 return하는 (rendering하는) JS file 이다라는 의미

• type을 module이라고 지정을 하지 않으면 error