react

Vue3를 배우면서 가장 많이 봤던 이야기가 Vue3는 react hook을 참조해서 만들었다는 것이였다.

Vue와 다르게 react의 보간법에선 Object를 직접 선언할 수 없다는 차이가 있었다.

react에서도 드디어 Components와 Props가 나왔다. Vue에서 자주 보던 개념이라 반갑다. 어서오고

이전에 보고있던 예시 문서가 구버전이여서, 신규 버전으로 갈아탔다.Vue에서는 v-for를 이용하여 작성하던 반복 렌더링에 대한 처리이다.시험삼아 ListItems라는 컴포넌트를 만들어보았다.react에서의 반복 렌더링은 단순히 v-for와 같이 attribute를 추

진짜 드디어 useState가 왔다. react의 useState는 Vue Composition API의 ref와 거의 같은 역할을 한다. > 이걸 보면서 와 진짜 Vue가 react를 많이 참고했구나 라는 생각이 들었다.

react의 useEffect는 Vue의 라이프사이클 훅과 같은 역할을 하는 것 같다.

react 튜토리얼 중에 가장 유명한 Tic-Tac-Toe를 만들면서 실습을 해보았다.

Tic-Tac-Toe 튜토리얼 5가지 개선사항중 첫번째인 1.For the current move only, show “You are at move 현재 가장 마지막 행동의 버튼에만 You are at move moves 함수에서 index 변수를 추가하고, curre

Tic-Tac-Toe 개선사항 2번에 대하여2.Rewrite Board to use two loops to make the squares instead of hardcoding them.하드코딩된 부분을 drawBoard 함수를 통하여 렌더링 되도록 수정하였다.new

Tic-Tac-Toe 개선사항 3번에 대하여 3.Add a toggle button that lets you sort the moves in either ascending or descending order.history의 정렬 순서를 변경가능한 toggle 버튼 추가

Tic-Tac-Toe 개선사항 4번에 대하여When someone wins, highlight the three squares that caused the win (and when no one wins, display a message about the result b

react 공식 튜토리얼 항목 2번째 Thinking in React이다.

react 공식문서를 보며 JSX에 대한 기본 룰을 발견하여 정리하여본다.기본적으로 vue2의 template와 같다.하나의 root element만을 가질 수 있다.여러개의 element를 사용하지만 추가적인 div등으로 감싸고싶지 않은 경우에는 <></>