리액트에서는 useState를 활용하여 마음대로 값을 변경할 수 있다. 하지만, 유의할 점 몇 가지를 짚고 넘어가자. 리액트의 state OR props 값이 바뀌면 그 state값을 가지고 있는 Component의 render()함수가 다시 호출되고 render()밑엣것들도 다시 다 호출된다. 즉, 화면이 다시 리랜더링된다는 뜻. - 어떤 Component가 실행될 때 render라고하는 함수보다 먼저 실행이되면서 초기화시켜주고 싶은 코드는 constructor라는 함수가 있다면 해당 코드가 제일 먼저 실행되면서 초기화를 담당한다. 초기화가 끝나면 this.state = { subject:{title:'WEB', sub:"World"} }로 초기화시킬 수 있다. class App extends Comp..
1.JSX -모든 JSX코드는 컨테이너 Element안에 포함시켜줘야한다. 무언가로 감싸줘야지만 제대로 코드가 작동한다. 2.javaScript JSX안에서 자바스크립트를 표현할때는 브라켓 " { } " 으로 감싸주면 됩니다. ex) render(){ let text = "Hello React"; return( {text} ); } render(){ return ( {1==1 ? 'True' : ' False'} ); } 3.Inline Style - JSX안에서 style을 설정 할때는 , string형식을 사용하지 않고 key가 camelCase인 객체가 사용이됩니다. rener(){ let Style = { color:'aquq' ,backgroundColor : 'black'//원래는 back-g..