React

리액트 CRA를 시작하기 전 리액트의 구성과 원리를 먼저 파악해보자

데이터가 바뀌면 화면(을 구성하는 컴포넌트)을 재랜더링 함이를위해 리액트에는 Props와 State를 사용하여 변경되는 데이터를 체크한다.Props와 State는 비슷하지만 활용목적에 있어 차이가 있다.state는 컴포넌트에 데이터 저장props는 컴포넌트간 데이터를

위 그림과 같이 App컴포넌트 안에 Form컴포넌트를 넣어 작업하는 것을 전제로 한다. 이벤트 처리 리액트에서 프론트 화면을 구성할 때 보통 input태그를 활용하며, submit을 통해 백엔드서버로 보내게 된다. state를 활용한 event 처리 stat

배열반복문을 통해 List 생성

Object Shorthand Assignment 객체에서 key와 value가 동일한 경우 한번만 입력할 수 있다 그 외에는 불가하다 똑같은 결과가 나오는 것을 확인할 수 있다. Destructuring 구조분해 할당 객체에서의 활용 객체의 데이터를 활용할

생명주기(LifeCycle)란 인간의 생명주기와 비슷하다 크게 리액트 앱의 **1. Mounting(탄생) Updating(변화) Unmounting(소멸)** 로 나누어 볼 수 있다. 사진출처 https://www.zerocho.com/category/React/p

리덕스를 사용해야 하는 이유 리액트는 단방향통신(부모->자식 컴포넌트)이기 때문에, 상태값을 자식 컴포넌트간 직접적으로 공유할 수 없다. 자식 컴포넌트들이 같은 상태값을 공유하기 위해서는 공통된 부모 컴포넌트에서 상태값을 Props로 각 자식컴포넌트들에 보내주어야 한