React 빠르게 복습하기 2. Thinking in React 개요 이번엔 공식홈페이지의 두번째 자료를 따라가보도록 하겠다 Thinking in React – React The library for web and native user interfaces react.dev React에서 UI를 만드려면 1. component로 구분하고 2. state에 따른 component의 생김새를 만들어주고 3. component 간의 data flow를 만들어 주면 된다고 한다. 공식 홈페이지에 있는 검색가능한 테이블 앱을 같이 만들며 이해해보자. 우선 데이터와 디자인은 정해져있고 다음과 같다.(API 명세와 design mock up) 보통 React로 UI를 구성할 때 아래 5가지 step을 따른다고 한다. ..

React 빠르게 복습하기 1. Tutorial 개요 예~~전에 리액트를 잠깐 깔짝 해본적이 있는데 (여기서 -> https://github.com/osamhack2021/web_Guntor-Guntee_EarlyFried) 그땐 프로젝트의 전반적인 이해 없이 그냥 열심히만 했던 기억이 있다. 마침 이번 2학기에 한 교수님의 연구실에서 코딩 알바를 하게 되었는데 거기서 React랑 Spring을 쓸 것 같고, 현재 진행중인 방울이 프로젝트의 랜딩페이지를 만들어볼겸 빠르게 복습해보기로 했다. 전체적인 과정은 React 공식 홈페이지를 따라가볼 예정이다. IDE는 VSCode를 쓰기로 했다. 공식홈페이지의 첫번째 자료인 튜토리얼을 따라가보자 Tutorial: Tic-Tac-Toe – React The lib..