react보충강의를 해주셔서 끄적여 본 것들도 같이 적어놓는다.
속기를 한 탓에 다시 강의를 들으면서 복기해야겠지만...ㅜㅜ
-
가장 먼저 보는 것은 index.html 파일이며 이 파일에서는 App.js파일을 들어갈 수 있고 src파일을 보는 것이 중요하다.
-
react에서는 함수형 프로그래밍을 이용하고 있는데 function을 이용하는 것을 보면 함수형을 쓰는지 확실히 알 수 있다.
-
이 함수형에선 return안에는 하위 컴포넌트들을 만든다고 생각하면 된다.
-
app.jsx의 내용을 가져오는 것이 아니라 연결되어 있는 컴포넌트에서 내용을 가져오는 것이다. (헷갈리면 xxx!)
-
구조분해할당은 객체, 배열에서 모두 사용할 수 있으며 구조+분해+할당을 사용하여 props는 태그 안에 있는 내용을 가져와서 사용할 수 있다.
-
한 컴포넌트 안에 동일한 것들만 넣을 수 있다.(div는 하나만 쓸 수 있다. 다른 div를 만들 수는 없다.)
-
리액트는 사용자가 만들어놓은 .jsx 코드를 렌더링하는데 state와 props의 변화에 따라 동적으로 렌더링(return이후의 부분)한다.
-
input태그의 onChange(바뀔 때마다 동작하는 기능), value가 중요하다
-
form태그 안에 button이 클릭되면 onsubmit(안에 있는 내용)이 호출된다
-
setState는 항상 이전 값을 인자로 갖고 가장 많이 쓰이는 곳은 배열을 변경하는 경우이며 setState((prev-이전값)⇒{}) 로 작성한다.
-
이전 값을 바꾸려고 한다면 […prev, 배열] 값을 입력해주면 된다.
-
객체의 초기값은 객체로 만들며 True -> Done으로 False -> Active로 변경 한다.
여담이지만 깃허브 프로 라고 붙은 사람 첨본다...
프로젝트에 스타...너무...귀해요...^ㅡ^
