mock 데이터 가데이터. 화면구현을 위해 직접 데이터를 만든것
State
보여주고싶은 이벤트의 저장소
메소드를 이용하여 변화를 줄수있다
setState로 업데이트해야 렌더함수를 불러서 return할 수 있다.
state가 변화가 발생되면 무조건 render가 발생된다.
refresh하면 mount가 다시되서 state 초기화
flow
부모컴포넌트 constr->render->자식컴포넌트->자식constr->자식render->자식jsx리턴->그밑에자식없으면->자식componentdidmount->부모로돌아가서 return마무리-> 부모componentdidmount
script태그 바디에서 위에있으면
동적으로 만들 요소들이 없기때문에 작동안됨
콜백함수 : 당장호출하지않고 나중에 호출하고 싶을때
addEventListner(‘click’, () => { } ) arrow function 형태로
addEventListner(‘click’, hello) 클릭했을때만 hello라는 함수 호출
#frontend