Metacoding React 오프라인 강의 공부리뷰

화면 통째로 그림을 그려서 돌려주게 된다.부분 변경을 하고 싶을 때는 AJAX를 쓰게 된다.요청을 하려면 javascript로 할 수밖에 없다.응답은 JSON으로 하게 된다.응답 받은 데이터를 토대로 그림을 그리게 된다.이 또한 javascript로 하게 된다.하지만

package.json : React를 실행하는 config 파일npm start를 하면 index.html 파일이 실행된다.render();라는 함수를 실행시키도록 한다. 함수 안에 들어있는 요소가 그림을 그리게 되는 요소이다.App.js의 function 매개변수는

여기에서 <h1> 태그에 문법 오류가 난다.왜냐하면 리액트는 하나의 태그만 return하기 때문이다.따라서 이를 하나의 태그로 만들어버리면 된다.return 시에 하나의 DOM만 리턴할 수 있다.자바스크립트 파일이기 때문에 이렇게 변수를 넣을 수 있다.모든 것이

깊은 복사를 하는 함수나무와 해가 있는 그림이 있다고 하자.여기에서 해를 달로만 바꿔달라는 요청이 들어왔다.달만 바꾸면 될 텐데, 나무도 함께 '다시' 그려지게 된다.그림 하나가 함수의 return 값이라고 한다면 해당 리턴값은 JSX 문법을 통해 rendering이

JS에서 함수는 1급 객체이기 때문에 함수 안에 함수를 만들어도 된다.이렇게 1씩 ++이 되는 함수를 만들고 return문에 number를 출력하도록 했다.그리고 더하기 버튼을 통해 버튼을 누를 때마다 number라는 상태값을 변하게 할 것이다.이렇게 onClick이라

useEffect의 import 방식이 사뭇 다르다.export default App;의 의미는 해당 함수를 외부로 노출시키겠다는 뜻이다.따라서 이를 외부에서 사용할 때는 import App from './App';으로 import하게 된다.이러한 구문이 없으면 imp

setList를 통해서 list의 값과 getAddResult 함수를 통해서 합계를 구하는 것은 useState로 그치기 때문에 이해할 수 있다.하지만 str이란 상태 변수가 나오고, 문자열 변환 버튼을 눌렀을 때 '합계'가 '안녕'이 되었으면 좋겠다.하지만 이런 상태