React

React의 기본 컴포넌트, 매개변수, 상태를 작성하는 방법을 알아본다.

재사용이 가능한 각각의 독립적인 모듈 | 함수형 컴포넌트 | 클래스형 컴포넌트

react에서 style을 주는 방법

React에서 Icon 사용하기

전역데이터 관리

마운트 /언마운트 /업데이트 시 실행할 작업을 설정

컴포넌트가 재생되는 동안 값 유지⭕ 컴포넌트가 리렌더링 되어도 언마운트 되기 전까지 값 유지⭕ Ref

url에 따라 선택된 데이터를 하나의 페이지에서 렌더링

서버 작성

React에서 배열을 렌더링하는 방법

action객체를 기반으로 상태를 업데이트 하는 useReducer

Redux는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너useState(https://velog.io/@sumin0gig/react\[useReducer](https://velog.io/@sumin0gig/useReducer) : dispatch

리덕스 미들웨어를 사용하면 action이 dispatch된 다음,reducer에서 해당 action을 받아서 업데이트 하기 전에 💡추가적인 작업을 할 수 있다.예시1\. 비동기 작업 처리2\. 백엔드 API 연동3\. 특정 조건에 따라 action을 실행하지 않음4\

npm install redux thunk이 설치되어있어야한다.react에서 비동기를 사용할 수 있게 해주는 redux-thunk에서 posts의 data에 접근한다면,

react에서 cookie를 사용하는 방법npm install react-cookie👉 이후 cookie가 있으면 상태 isLogin을 true로 dispatch,cookie가 없으면 isLogin을 false로 dispatch하여 상태관리를 했다.

React의 server에 img를 업로드하고 그 이미지를 받아오기 위하여1️⃣ 폼에 파일데이터 추가 => 2️⃣upload 경로로 post 전송 => 3️⃣전송 응답을 받아서 e_img:"응답결과"로 출력하고자 함

https://www.npmjs.com/https://www.npmjs.com/package/react-slick