리액트의 등장 리액트의 등장과 함께 3세대 웹 시작 복잡성 증가 -> 기술 발전으로 이어짐 웹에서의 복잡? -> 사용자들이 원하는 기능과 유저의 인터랙션 처리 한계를 느끼고 프레임워크를 개발 1 jQuery 등장 DOM을 더 쉽게 제어 하지만 돔에서만 작동 그래서
state 상태 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값 화면에 보여줄 컴포넌트의 UI 정보(상태) 얼마든지 데이터가 변경될 수 있다. 변할 데이터를 저장 리로드 useState를 사용해야 리로드해서 UI를 다시 그려줌. function component
React Component가 렌더링 될 때마다 특정 작업을 수행하도록 설정 할 수 있도록 하는 Hooks >- 기본적으로 렌더링 되고난 직후마다 실행되며, 두번째 인자 배열에 무엇을 넣느냐에 따라 실행되는 조건이 달라진다. useEffect를 실행할 수 있는 조건
내가 원하는 레이아웃나의 코드에서 나온 레이아웃mock data의 4개의 목록을 map함수를 사용해서 출력했을 때의 결과이다.rowSpan속성을 사용해서 위의 중복되는 부분을 병합하려고 했지만 mock data의 목록 수 만큼 출력되는 모습을 볼 수 있었다.해결!조건부