react 문법

 

 

{users.map(user=><div>hello {user.username}</div>)}

map을 표현할떄에는 중괄호로 전체를 먼저 감싼다.

return문은 html코드와 그안에 자바스크립트 코드(중괄호 사용해서)를 넣어주면 됨

 

=============================여기까지 복습=================================

hello라는 함수 이름 필요없어서 지운다=> 익명함수!!!
function이라는 글자도 지운다 => 화살표함수로 대체!

버튼 클릭했을때!작동하게 해야한다. 

여러줄 적을거 아니면??? add()감싸고 있는 중괄호 없애도 된다!

 

return문 안에가 바뀌어야 그림을 다시 그려준다!!!!!!!!! return문안에 바뀐 한 줄이 있다면?? 변경된 그 부분만 그려준다(react)

 

값만 바꾼다고 그림이 다시 그려지지 않는다!

함수를 강제로 재실행해도! react도움을 받는게 아닌거다

 

데이터 변경과 UI변경을 같이해야할때!!!!!!! 데이터 변경과 동시에 화면도 다시 그려야할때,,,,,,

CONST [num, setNum]=useState

=>num은 변수, setNum은 함수! setNum은 앱(함수)도 재실행해준다 

useState는 변수를 관리해주는데 이 변수를 상태라고 한다!!!!!! 

setNum이라는 애를 호출해주면 변수,화면도 재실행됨!!!!!!

const는 최초에 한번 메모리에 로드되면 다시 로드 안된다!!! 다시 실행되었을때, 무시하고 넘어간다 

즉 코딩을 다음과 같이 하면 return을 전체 다시 다 그린다